【问题标题】:Are there any JavaScript live syntax highlighters? [closed]是否有任何 JavaScript 实时语法荧光笔? [关闭]
【发布时间】:2010-09-08 20:47:28
【问题描述】:

我找到了可以突出显示预先存在的代码的语法荧光笔,但我想在您使用 WYSIWYG 风格的编辑器键入时这样做。我不需要自动完成的功能,只需要突出显示。

作为后续问题,stackoverflow 使用的所见即所得编辑器是什么?

编辑:感谢下面的答案,我发现两个看起来可能适合我的需求: EditAreaCodePress

编辑:另请参阅此问题:
https://stackoverflow.com/questions/379185/free-syntax-highlighting-editor-control-in-javascript

【问题讨论】:

    标签: javascript syntax-highlighting wysiwyg


    【解决方案1】:

    Google code pretify

    请参阅此问题了解edit control that stackoverflow 的用途。

    【讨论】:

    • 感谢 stackoverflow 使用的编辑控件上的链接。 Pretify 看起来不错,但并不是我所说的实时突出显示。 TinyMCE 和其他一些 WYSIWYG 编辑器会在您在文本区域中输入时显示您的页面应该是什么样子...我正在寻找一个对代码执行相同操作的。
    【解决方案2】:

    这是一篇关于如何编写的非常有趣的文章:(更好的是,他提供了 JavaScript 格式化程序和着色器的完整源代码。)

    Implementing a syntax-higlighting JavaScript editor in JavaScript 要么 DOM 树黑暗面的残酷冒险

    如何写出体面的语法 突出?非常简单的扫描 可以区分 字符串、cmets、关键字和其他 代码。但这次我想 实际上能够识别常规 表达,所以我没有任何 公然不正确的行为了。

    重要的是,它可以正确处理正则表达式。同样令人感兴趣的是,他使用了延续传递风格的词法分析器/解析器,而不是您将在野外看到的更典型的基于 lex(或正则表达式)的词法分析器。

    作为奖励,他讨论了您在浏览器中使用 JavaScript 时会遇到的许多现实问题。

    【讨论】:

    • 他的例子不是我想要的,但他在页面底部有两个我觉得很有帮助的链接。谢谢。
    【解决方案3】:

    我没有编写很多 javascript,但 JSEclipse 过去对我很有帮助。它以 Eclipse 插件的形式提供。

    我多年来一直免费使用它

    http://www.interaktonline.com/products/eclipse/jseclipse/overview/

    每当我处理 Javascript 时,我也非常依赖 FireBug for Firefox

    【讨论】:

      【解决方案4】:

      您也可以尝试http://softwaremaniacs.org/soft/highlight/en/ - 它速度很快,不仅支持javascript,还支持许多其他语言。如果您需要实时预览突出显示的工作原理,可以使用 setInterval 运行突出显示并将其显示在单独的框中。

      【讨论】:

        【解决方案5】:

        尽管学习曲线陡峭,Vim 是目前最好的编辑器,适用于任何语言。它有一个 GUI 版本,但在终端编辑方面确实很出色。任何花在学习如何使用这个编辑器上的时间都不会浪费。它具有您正在寻找的语法突出显示,以及数千个(字面意思)其他功能和插件。

        【讨论】:

          【解决方案6】:

          这个问题最好表述为“您推荐使用哪种语法高亮编辑器来替换我的网络应用程序中的 html 文本区域?” (这里的一些其他答案涉及桌面应用程序或纯语法荧光笔,而不是客户端编辑器)

          我也推荐CodeMirror,它是用Javascript编写的,支持很多浏览器。它使用真正的解析器(而不是正则表达式),因此它可以处理复杂的问题,例如正确突出显示转义的字符串。开发人员在discussion group 上也非常积极。

          【讨论】:

          • CodeMirror 看起来非常棒。迫不及待地想在我的网站上实现它。
          【解决方案7】:

          必须使用 Mozilla 的 Bespin。它是使用 HTML5 功能构建的(因此它既快速又快速,但不支持旧版浏览器),但使用起来绝对令人惊叹,并且击败了我遇到的所有东西 - 可能是因为 Mozilla 支持它,而且他们开发了 Firefox,是的。 .. 还有一个jQuery Plugin which contains a extension for it 使它更容易与 jQuery 一起使用。

          【讨论】:

            【解决方案8】:

            很抱歉把它拖回来,但我在 CodeMirror http://codemirror.net/ 中找到了最好的

            【讨论】:

            • 非常有用的答案。
            猜你喜欢
            • 2018-01-24
            • 2015-05-20
            • 1970-01-01
            • 2010-11-12
            • 2012-12-06
            • 1970-01-01
            • 1970-01-01
            • 2010-10-23
            相关资源
            最近更新 更多