javascript - 使用 html() 或 text() 方法返回格式化文本

Question

我正在使用 Clipboard.js 插件来从网页复制/粘贴文本(代码片段)。该插件实际上工作正常，但是我想以与网站上显示的相同格式粘贴元素的文本。有什么方法可以得到这样的结果吗？我使用 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');
        }
    });
});