javascript - 在 contenteditable pre 中美化语法高亮

Question

我正在使用 google prettify 来突出显示 contenteditable pre 中的代码。contenteditable pre 包含 div 节点，并在用户按下 enter 或 bspace 时为每一行创建/删除 div。

我的 pre 元素包含初始代码，全部在一行上（我需要它在一行上，这样它才能正常工作，所以没有讨厌的 \n 或文本节点）。

<pre contenteditable="true" class="prettyprint"><div>&lt;html&gt;</div><div>&lt;body&gt;</div><div>&lt;script&gt;</div><div>var a =3;</div><div>//this is the problem</div><div>function problem(){ return 3; }</div><div>function wrongColor(){};<div>&lt;/script&gt;</div><div>&lt;/body&gt;</div><div>&lt;/html&gt;</div></pre>

Prettify 在做的时候不喜欢这样//one line comments，它评论多行。

解释它的最简单方法是看小提琴：http: //jsfiddle.net/grantk/jwfMr/

我的问题是：有没有一种简单的方法可以在不修改源代码的情况下使用 css 或 javascript 解决这个问题？

Answer 1

解决了：prettyPrintOne()在每个 div 节点的 innerHTML 的 for 循环中。