Question

＆lt; p＆gt;如何复制＆lt; code＆gt;＆lt; div contentEditable =＆＃34; true＆＃34;＆gt;＆lt; / code＆gt;到＆lt; code＆gt;＆lt; textarea＆gt;＆lt; / code＆gt;没有删除所有HTML源代码？＆lt; / p＆gt; ＆lt; p＆gt;我希望自动复制用可编辑div编写的所有源代码，而不会在将它们复制到textarea时将其删除。＆lt; / p＆gt; ＆lt; pre＆gt;＆lt; code＆gt;＆lt; script language =＆＃34; javascript＆＃34;类型=＆＃34;文本/ JavaScript的＆＃34;＆GT; function copyText（）{ var output = document.getElementById（＆＃34; divtext＆＃34;）。innerHTML; document.getElementById（＆＃34; text＆＃34;）。value = output; } ＆LT; /脚本＆GT; ＆lt; div id =＆＃34; divtext＆＃34; CONTENTEDITABLE =＆＃34;真＆＃34;的onkeyup =＆＃34;的copytext（）;＆＃34;风格=＆＃34;文本对齐：左;宽度：499px;身高：230px;＆＃34;＆gt;＆lt; / div＆gt; ＆lt; textarea name =＆＃34; text＆＃34; ID =＆＃34;文本＆＃34;行=＆＃34; 14＆＃34; COLS =＆＃34; 54＆＃34;涡卷=＆＃34;软＆＃34;＆GT;＆LT; / textarea的＆GT; ＆LT; /代码＆GT;＆LT; /预＆GT; ＆lt; p＆gt;代码工作，它们从div复制到textarea，但是它们将它们剥离出来，所以我认为需要的是一种替换剥离的方法，以便保留或保存文本，因为它是在没有剥离的情况下编写的出＆LT; / p为H. ＆lt; p＆gt;如何添加替换功能？＆lt; / p＆gt;

Answer 1

您只需使用.text（）函数即可。它不会剥离＆＃39; html。

＆＃13;

function copyText() {
	$("#text").val($("#divtext").text());
}

＆＃13;

div, textarea {
  border:1px solid black;
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="divtext" contentEditable="true" onkeyup="copyText();" style="text-align:left; width: 499px; height: 230px;"></div>

<textarea name="text" id="text" rows="14" cols="54" wrap="soft"></textarea>

＆＃13;

Answer 2

在jquery中

$( ".hello" ).clone().appendTo( ".goodbye" );

在javascript中，请阅读此topic

P / S：请在提问之前使用谷歌搜索。

如何将`<div contenteditable =“true”>`复制到`<textarea>`而不将其剥离出来？

2 个答案: