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

我在页面上创建了，用户可以从下拉菜单中选择一个可编辑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知识还不够好，我无法统计有多少网站我试图找到答案却没有成功

有什么建议吗