html - 如何在 TextArea 中放置语法突出显示的代码

Question

我已经使用 Rainbow 创建了一个简单的语法荧光笔，现在效果很好，我想将结果代码放在 textarea 中，但是每当我这样做时，

var text='<pre><code data-language="java">'+MyCode+'</code></pre>';
document.write(text);

它不工作。实际上我想做这样的事情：所有颜色代码的输出文本都在textarea中打印。

Answer 1

edit: http://codemirror.net/ seems to do just this.

as far as i know, you can not highlight / stylize parts of a textarea. it's either the whole textarea or no style.

you can check out http://www.jsfiddle.net to see how they did it. It's complicated.