Return 使用 html() 或 text() 方法格式化文本

Question

我正在使用 clipboard.js 插件以便 copy/paste 来自网页的文本（代码片段）。该插件实际上工作正常，但我想以与网站上显示的格式相同的格式粘贴元素的文本。有没有办法得到这样的结果？我使用 html() 或 text() 方法来获取所需的文本。

HTML

<input class="copy" type="button" value="copy" />
<pre class="snippet">
      #wrapper {
          height: 100px;
          width: 100px;
      }
      #wrapper {
          height: 100px;
          width: 100px;
      }
</pre>

JQuery

<script>
  $(document).ready(function(){
      var clipboard = new Clipboard('.copy', {
      text: function() {
          return $(".snippet").text();
      }
    });
  });
</script>

Answer 1

我已经应用了 querySelector 方法，它解决了这个问题，现在复制的文本正在粘贴，格式与我在页面上看到的相同。

$(document).ready(function(){
    var clipboard = new Clipboard('.copy', {
        target: function() {
            return document.querySelector('.snippet');
        }
    });
});

Return 使用 html() 或 text() 方法格式化文本

Return Formatted Text Using html() or text() Methods

javascript

jquery

clipboard.js