出于易于维护的原因，我在 CMS 中存储了许多 HTML 块。它们由<textarea>s表示。
有没有人知道某种 JavaScript Widget 可以在 atextarea或类似内容中对 HTML 进行语法高亮显示，同时仍然保持纯文本编辑器（没有所见即所得或高级功能）？
可以即时进行语法高亮显示的 Textarea？
IT技术
javascript
html
richtextbox
widget
highlighting
2021-02-06 04:32:11
6个回答
在常规textarea.
如果您对此感到满意，请尝试使用CodeMirror或Ace 或Monaco（在 MS VSCode 中使用）。
来自重复的线程 - 一个强制性的维基百科链接：基于 JavaScript 的源代码编辑器的比较
首先，你可以看看这篇文章：
维基百科——基于 JavaScript 的源代码编辑器的比较。
有关更多信息，这里有一些似乎符合您要求的工具：
EditArea -演示为FileEditor谁是Yii的扩展- （Apache软件许可证，BSD，LGPL）
这是 EditArea，一个免费的源代码 JavaScript 编辑器。它允许使用行编号、制表符支持、搜索和替换（使用正则表达式）和实时语法突出显示（可定制）编写格式良好的源代码。
CodePress ― Joomla 演示！CodePress 插件― ( LGPL ) ― 它在 Chrome 中不起作用，看起来开发已经停止。
CodePress 是基于 Web 的源代码编辑器，具有用 JavaScript 编写的语法高亮显示功能，可在浏览器中输入文本时实时为文本着色。
CodeMirror -其中许多演示- （MIT式许可证+可选的商业支持）
CodeMirror 是一个 JavaScript 库，可用于为类似代码的内容（计算机程序、HTML 标记等）创建相对宜人的编辑器界面。如果已为您正在编辑的语言编写了模式，则代码将带有颜色，并且编辑器将选择性地帮助您进行缩进
Ace Ajax.org Cloud9 编辑器―演示― ( Mozilla 三许可 (MPL/GPL/LGPL) )
Ace 是一个用 JavaScript 编写的独立代码编辑器。我们的目标是创建一个基于 Web 的代码编辑器，以匹配并扩展现有本地编辑器（如 TextMate、Vim 或 Eclipse）的功能、可用性和性能。它可以轻松嵌入到任何网页和 JavaScript 应用程序中。Ace 是作为Cloud9 IDE的主要编辑器开发的，也是 Mozilla Skywriter (Bespin) 项目的继承者。
我会推荐EditArea来实时编辑语法高亮显示的 textarea。
您可以突出显示文本<textarea>，使用<div>小心地放在后面。