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

最佳答案

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

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

关于javascript - 使用html()或text()方法返回格式化的文本,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/35048895/

10-12 12:19
查看更多