换行转义标记

Question

我想将转义的标签包装在div中，以便能够操作转义的文本(每个部分都正确地与标签分开)，例如

<div><p> </p></div>

在转义之后

<div><p> </p></div>

我想把它改成

<div class="wrapper-div">&lt;div&gt; <div class="wrapper-p">&lt;p&gt; &lt;/p&gt;</div> &lt;/div&gt;</div>

我可以在站点中包含代码，用jquery包装所有的标签，然后生成大的RegExp来手动转义它，但是不使用DOM是一种更容易的方法，而且更自动化吗？

或者是任何可以将像"<div><p... ..>"这样的字符串转换为jquery对象树的函数(不需要将其附加到DOM中)，这样我就可以更容易地通过jquery来操作它。

Answer 1

尝试使用HTML5 contenteditable。

请参阅http://jsfiddle.net/utg9N/1/

<div class="wrapper-div" contenteditable=true
>&lt;div&gt; <div class="wrapper-p">&lt;p&gt; &lt;/p&gt;</div> &lt;/div&gt;</div>