在常规的文本区域中，不可能实现对表示的所需级别的控制。

如果你觉得没问题，试试CodeMirror或Ace或Monaco(在MS VSCode中使用)。

来自重复的线程-一个强制性的维基百科链接:基于javascript的源代码编辑器的比较

CodePress做到了这一点，EditArea也是如此。两者都是开源的。

在常规的文本区域中，不可能实现对表示的所需级别的控制。

如果你觉得没问题，试试CodeMirror或Ace或Monaco(在MS VSCode中使用)。

来自重复的线程-一个强制性的维基百科链接:基于javascript的源代码编辑器的比较

更新:Bespin现在是ACE，这里评分最高的答案提到了它。使用ACE代替。

我得选Mozilla的Bespin。它是用HTML5的特性构建的(所以它又快又快，但不支持传统浏览器)，但使用起来绝对令人惊叹，打败了我遇到的所有东西——可能是因为它是Mozilla支持的，他们开发了Firefox，所以是的……还有一个jQuery插件，它包含一个扩展，使它更容易使用jQuery。

我推荐使用EditArea进行语法高亮文本区域的实时编辑。

你可以突出显示<textarea>中的文本，使用一个<div>小心地放在它后面。

检查突出文本在文本区域。