可以即时进行语法突出显示的文本区域？

StackOverflow https://stackoverflow.com/questions/1619167

题

出于更容易维护的原因，我在 CMS 中存储了许多 HTML 块。他们的代表是 <textarea>s。

有谁知道某种 JavaScript Widget 可以在 HTML 中进行语法突出显示吗？ textarea 或类似的，同时仍然保留纯文本编辑器（没有所见即所得或高级功能）？

有帮助吗？

解决方案

在常规文本区域中无法达到所需的控制级别。

如果您对此感到满意，请尝试 CodeMirror 或 Ace （原 skywriter 和 bespin ）或摩纳哥（用于MS VSCode）。

来自重复的帖子 - 必须的维基百科链接： http://en.wikipedia.org /维基/ Comparison_of_JavaScript-based_source_code_editors

其他提示

这是 我对类似问题的回答 (在线代码编辑器） 在 程序员:

首先，你可以看一下这篇文章：
维基百科 ― 基于 JavaScript 的源代码编辑器的比较.

有关更多信息，这里有一些似乎符合您的要求的工具：

  • 编辑区 ― 文件编辑器演示 谁是一个 Yii 扩展 ― (Apache 软件许可证、BSD、LGPL)

    这里是 EditArea，一个免费的 JavaScript 源代码编辑器。它允许编写格式良好的源代码，具有行编号、制表符支持、搜索和替换（使用正则表达式）以及实时语法突出显示（可自定义）。

  • 代码新闻 ― Joomla 演示！CodePress 插件 ― (LGPL) ― 它在 Chrome 中不起作用，看起来开发已经停止。

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

  • 码镜 ― 众多演示之一 ― (麻省理工风格 许可证+可选 商业支持)

    CodeMirror 是一个 JavaScript 库，可用于为类似代码的内容（计算机程序、HTML 标记等）创建相对令人愉悦的编辑器界面。如果已为您正在编辑的语言编写了模式，则代码将被着色，并且编辑器将选择性地帮助您进行缩进

  • Ace Ajax.org Cloud9 编辑器 ― 演示 ― (Mozilla 三重许可证 (MPL/GPL/LGPL))

    Ace 是一个用 JavaScript 编写的独立代码编辑器。我们的目标是创建一个基于 Web 的代码编辑器，匹配并扩展现有本机编辑器（例如 TextMate、Vim 或 Eclipse）的功能、可用性和性能。它可以轻松嵌入到任何网页和 JavaScript 应用程序中。Ace 被开发为主要编辑器 Cloud9 IDE 以及 Mozilla Skywriter (Bespin) 项目的继承者。

CodePress 执行此操作， EditArea 。两者都是开源的。

我建议 EditArea 实时编辑语法高亮显示的textarea。

更新： Bespin现在是ACE，这里提到了最高评级的答案。改为使用ACE。

要使用Mozilla的 Bespin 。它是使用HTML5功能构建的（所以它快速而快速，但不支持传统浏览器），但使用和击败我遇到的所有东西绝对令人惊讶 - 可能是因为它是Mozilla支持它，他们开发Firefox所以是的。 ..还有一个 jQuery插件，其中包含一个扩展名到使用jQuery更容易一些。

我所知道的唯一编辑器具有语法高亮功能，并且回退到textarea是 Mozilla Bespin 。谷歌围绕嵌入Bespin看看如何嵌入编辑器。我所知道的唯一使用此功能的网站是alpha Mozilla Jetpack Gallery （在提交Jetpack页面）你可能想看看它们是如何包含它的。

还有一个关于嵌入和重用Bespin的博客文章编辑器可能对你有帮助。

你为什么把它们表示为textareas？这是我的最爱：

http://alexgorbatchev.com/wiki/SyntaxHighlighter

但是如果您使用的是CMS，则可能是一个更好的插件。例如，wordpress有一个进化版本：

http://www.viper007bond.com/wordpress-plugins/syntaxhighlighter/

许可以下： CC-BY-SA 和 归因
不隶属于 StackOverflow
scroll top