Html 如何在文本区域中放置语法突出显示的代码

我已经用Rainbow创建了一个简单的语法荧光灯，现在效果很好，我想把结果代码放在文本区域中，但每当我这样做时

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

var text=''+MyCode+'

'； 文件。书写（文本）； 它不起作用。实际上，我想做这样的事情：所有颜色代码的输出文本都在textarea中打印。

编辑： 似乎就是这样

据我所知，您不能突出显示文本区域的部分/设置其样式。要么是整个文本区域，要么就是没有样式

你可以去看看他们是怎么做到的。这很复杂。

编辑： 似乎就是这样

据我所知，您不能突出显示文本区域的部分/设置其样式。要么是整个文本区域，要么就是没有样式

---

你可以去看看他们是怎么做到的。这很复杂。

到底发生了什么？代码未突出显示或根本没有显示代码？

textarea

不支持其内容不同部分的多种不同格式（颜色、字体样式等）。您需要使用JavaScript查找或创建自定义编辑器。具体发生了什么？代码未突出显示或根本没有显示代码？

textarea

不支持其内容不同部分的多种不同格式（颜色、字体样式等）。您需要使用JavaScript查找或创建自定义编辑器。