有没有JavaScript实时语法荧光笔？

Question

我发现了突出显示预先存在的代码的语法高亮显示，但我想在你用WYSIWYG风格的编辑器输入时这样做。我不需要自动完成的功能，只需突出显示。

作为后续问题，stackoverflow使用的WYSIWYG编辑器是什么？

编辑：感谢下面的答案，我发现两个看起来可能符合我的需求： EditArea和CodePress

编辑：也看到这个问题：
https://stackoverflow.com/questions/379185/free-syntax-highlighting-editor-control-in-javascript

Answer 1

这个问题可能更好地说明了“你建议在我的网络应用程序中替换html textarea的语法高亮编辑器是什么？” （这里的一些其他答案涉及桌面应用程序或纯语法荧光笔，而不是客户端编辑器）

我还推荐CodeMirror，它是用Javascript编写的，支持很多浏览器。它使用真正的解析器（而不是正则表达式），因此它可以处理复杂的问题，如正确突出转义的字符串。开发人员对discussion group也非常敏感。

Answer 2

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

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

  

如何做一个体面的语法   突出？一个非常简单的扫描   可以分辨出来之间的区别   字符串，评论，关键字等   码。但这次我想   实际上能够识别常规   表达式，所以我没有   明显不正确的行为了。

重要的是，它正确处理正则表达式。同样令人感兴趣的是，他使用了一个继续传递样式词法分析器/解析器，而不是你将在野外看到的更典型的基于lex（或正则表达式）的词法分析器。

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

Answer 3

请参阅Google code pretify。

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

Answer 4

我不编写很多javascript，但JSEclipse过去对我很有帮助。它是一个Eclipse插件。

我已经免费使用它多年了

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

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

Answer 5

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

Answer 6

尽管学习曲线陡峭，但对于任何语言，Vim都是最好的编辑器。它有一个GUI版本，但在终端编辑中真的很棒。花在学习如何使用这个编辑器的任何时间都没有浪费时间。它正在寻找语法高亮，以及成千上万（字面意思）的其他功能和插件。

Answer 7

要和Mozilla一起去Bespin。它是使用HTML5功能构建的（所以它快速而快速，但不支持传统浏览器），但使用和击败我遇到的所有东西绝对令人惊讶 - 可能是因为它是Mozilla支持它，他们开发Firefox所以是的。 ..还有jQuery Plugin which contains a extension for it使jQuery更容易使用。

Answer 8

很抱歉将其拖回来，但我在CodeMirror http://codemirror.net/

中找到了最好的