Javascript 在prismjs中更新剪贴板的内容

我有代码片段，用户可以将其复制到他/她的站点。我用来显示html代码。它也有复制按钮，所以用户可以复制剪贴板中的代码，它用于此。用户可以在不同的选项之间进行选择（这是类似于

。

）的列表），这将更新代码片段，还应该更新剪贴板按钮的内容（这是问题所在）

这是html

<pre class="language-html">
   <code id="code-example">
     <!-- <div class="widget widget-BTC" data-fiat="EUR"></div> -->
   </code>
</pre>

---

问题是，当我从选择列表中选择其他选项时，它会更新html代码段，但如果我单击“复制”按钮，它会复制旧值，而不是更新的值。我尝试了不同的方法，但仍然是同一个问题

它需要创建另一个对象来更新该值。以下是解决方案：

new Clipboard('.yourButton', {
text: function(trigger) {
    return '<div>some text</div>';
}

新建剪贴板（“.yourButton”{
文本：函数（触发器）{
返回“一些文本”；
}

}))

new Clipboard('.yourButton', {
text: function(trigger) {
    return '<div>some text</div>';
}