JQuery - 输出对象作为文本？

Question

因此，作为审核流程的一部分，我有一个小工具，希望将实时HTML源输出为文本。有没有办法让我可以选择一个元素，将它附加到目标div，并将其作为文本输出而不是DOM中的子元素？

更新：如果可能的话，我想避免使用textareas - 它们会在我的表单设置中出现并发症，以及对于具有firebug / inspectEl基本功能的任何人的漏洞。

Answer 1

您可以将代码插入textarea标签，html将打印为文本

 jQuery('#idOfTextArea').text(html);

Answer 2

你需要转义html字符，所以＆lt;成为＆amp; lt;等 - 请在此处查看答案：Escaping HTML strings with jQuery

Answer 3

如果您想避免textarea，那么我所知道的唯一其他可能选项是<code>代码，而<pre>代码会识别空格，以便代码正确缩进。试试这个小提琴。

<强> jsfiddle