包裹转义标签

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>