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');
        }
    });
});

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

1 个答案: