Question

我在页面上创建，用户可以从下拉菜单中选择可编辑div中的几个电子邮件模板（以突出显示某些元素）。我使用zeroclipboard，因为他们能够将内容复制/粘贴到我们的在线应用程序中的电子邮件中

如果立即选择并粘贴模板，则效果非常好。当你添加一行时，代码会创建一个段落，这很好，但是当你粘贴它时，会删除新的

标签

我检查了剪贴板的内容，我可以看到新段落被忽略了。在前一段的最后一个单词之后直接添加新文本

经过一些调查后，我在zeroclipboard文档中找到了这个：

client.on('copy', function(event) {
    var text = document.getElementById('yourTextArea').value;
    var windowsText = text.replace(/\n/g, '\r\n');
    event.clipboardData.setData('text/plain', windowsText);
});

我的网页代码是：

<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript" src="plugins/zeroclipboard/dist/ZeroClipboard.js"></script>
<script>
$(document).ready(function() {
var clip = new ZeroClipboard($("#d_clip_button"));
 });
</script>

<div id ="temp_content" class="temp_content border" contenteditable></div>

<button class='my_clip_button submit' data-clipboard-target='temp_content' data-clipboard-text='Default clipboard text from attribute' id='d_clip_button' name='d_clip_button' title='Click me to copy to clipboard.' >Copy to Clipboard</button>

我无法找到将两者结合起来的方法。它似乎与textarea工作正常，但没有与div。我对JS的了解不够好，我无法计算我试图找到答案但没有成功的网站数量。

有任何建议吗？

Zeroclipboard：复制div中的内容，不保留新的段落标记

0 个答案: