使用 html(） 或 text(） 方法返回格式化文本

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

本文关键字：返回 格式化 文本 方法 html 使用 text      更新时间：2023-09-26

我正在使用剪贴板.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>

杰奎里

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

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

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