可以动态执行语法突出显示的文本区域?

为了便于维护,我在CMS中存储了许多HTML块。它们由 s 表示。<textarea>

有没有人知道某种JavaScript Widget可以在或类似的HTML中进行语法突出显示,同时仍然保持纯文本编辑器(没有所见即所得或高级函数)?textarea


答案 1

在常规中不可能达到对演示所需的控制级别。textarea

如果您对此感到满意,请尝试CodeMirrorAceMonaco(在MS VSCode中使用)。

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


答案 2

以下是我对程序员的类似问题在线代码编辑器所做的回应:

首先,你可以看看这篇文章:
Wikipedia ― 基于JavaScript的源代码编辑器的比较

有关更多信息,以下是一些似乎适合您要求的工具:

  • EditAreaDemo as FileEditor who a Yii Extension ― (Apache Software License, BSD, LGPL))

    这是EditArea,一个免费的javascript源代码编辑器。它允许编写格式良好的源代码,包括行数,选项卡支持,搜索和替换(使用正则表达式)和实时语法突出显示(可自定义)。

  • CodePressJoomla的演示!CodePress插件 ― (LGPL) ― 它在Chrome中不起作用,看起来开发已经停止了。

    CodePress是基于Web的源代码编辑器,具有用JavaScript编写的语法突出显示功能,可以在浏览器中键入文本时实时为文本着色。

  • CodeMirror众多演示之一 ― (MIT 风格的许可证 + 可选的商业支持))

    CodeMirror是一个JavaScript库,可用于为类似代码的内容(计算机程序,HTML标记等)创建一个相对愉快的编辑器界面。如果已经为您正在编辑的语言编写了模式,则代码将着色,编辑器将选择性地帮助您缩进

  • Ace Ajax.org Cloud9 EditorDemo ― (Mozilla tri-license (MPL/GPL/LGPL))

    Ace是一个用JavaScript编写的独立代码编辑器。我们的目标是创建一个基于Web的代码编辑器,以匹配和扩展现有本机编辑器(如TextMate,Vim或Eclipse)的功能,可用性和性能。它可以很容易地嵌入到任何网页和JavaScript应用程序中。Ace是作为Cloud9 IDE的主编辑器和Mozilla Skywriter(Bespin)项目的继任者而开发的。