Javascript 如何在wordpress中实现签名板

我正试图让签名本出现在我的wordpress页面上

我转到并安装脚本。但在wordpress中没有呈现任何内容。在wordpress中有没有让js工作的具体方法

以下是它的js fiddle链接：

*我在标题中添加了以下内容，并在正文中添加了html（没有发生任何事情）：

放置以下html

<div id="signature-pad" class="signature-pad">
<div class="signature-pad--body">
  <canvas></canvas>
</div>
<div class="signature-pad--footer">
  <div class="description">Sign above</div>

  <div class="signature-pad--actions">
    <div>
      <button type="button" class="button clear" data-action="clear">Clear</button>
      <button type="button" class="button" data-action="change-color">Change color</button>
      <button type="button" class="button" data-action="undo">Undo</button>

    </div>
    <div>
      <button type="button" class="button save" data-action="save-png">Save as PNG</button>
      <button type="button" class="button save" data-action="save-jpg">Save as JPG</button>
      <button type="button" class="button save" data-action="save-svg">Save as SVG</button>
    </div>
  </div>
</div>

上面的标志
清楚的
变色
撤消
另存为PNG
另存为JPG
另存为SVG

---

我已经创建了签名代码，它工作正常。看看演示

上面的标志
清楚的
变色
撤消
另存为PNG
另存为JPG
另存为SVG

我已经创建了签名代码，它工作正常。看看演示

上面的标志
清楚的
变色
撤消
另存为PNG
另存为JPG
另存为SVG

发布您尝试过的实现片段。您确定在WP模板中呈现HTML吗？脚本正在加载吗？html呈现。我在“检查html”上看到了脚本，但没有看到它生效。我把它放在了页脚和页眉上，以及你尝试过的实现片段上。你确定在WP模板中呈现了HTML吗？脚本正在加载吗？html呈现。我在“检查html”上看到了脚本，但没有看到它生效。我把它放在页脚和页眉上

<script src="https://cdn.jsdelivr.net/npm/signature_pad@2.3.2/dist/signature_pad.min.js"></script>