javascript - contenteditablepreで構文のハイライトをプリティファイする

Question

私はgoogleprettifyを使用して、contenteditablepreのコードを強調表示しています。contenteditable preにはdivノードが含まれており、ユーザーがEnterキーまたはbspaceキーを押すと、各行のdivが作成/削除されます。

私のpre要素には、すべて1行の初期コードが含まれています（正しく機能し、厄介な\ nやテキストノードがぶら下がっていないように、1行にする必要があります）。

<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ループで。