有 JavaScript 实时语法荧光笔吗?[关闭]
-
09-06-2019 - |
题
我发现语法荧光笔可以突出显示预先存在的代码,但我想在您使用所见即所得风格的编辑器键入时执行此操作。我不需要自动完成的功能,只需要突出显示。
作为后续问题,stackoverflow 使用的 WYSIWYG 编辑器是什么?
编辑:感谢下面的答案,我发现两个看起来可能适合我的需求:编辑区 和 代码新闻
编辑:另请参阅这个问题:
https://stackoverflow.com/questions/379185/free-syntax-highlighting-editor-control-in-javascript
解决方案
这是一篇关于如何编写的非常有趣的文章:(更好的是,他提供了 JavaScript 格式化程序和着色器的完整源代码。)
在 JavaScript 中实现语法高亮 JavaScript 编辑器或一棵残酷的奥德赛到达圆顶树的阴暗面
一个体面的语法如何突出显示?一个非常简单的扫描可以说明字符串,评论,关键字和其他代码之间的区别。但是这次我实际上想能够识别正则表达式,这样我就没有任何公然不正确的行为了。
重要的是,它正确处理正则表达式。另外有趣的是,他使用了连续传递风格的词法分析器/解析器,而不是您在野外看到的更典型的基于 lex(或正则表达式)的词法分析器。
作为奖励,他讨论了在浏览器中使用 JavaScript 时会遇到的许多实际问题。
其他提示
看 谷歌代码美化.
请参阅此问题 编辑 stackoverflow 的控件 用途。
我不会编写很多 javascript 程序,但 JSEclipse 过去对我很有帮助。它作为 Eclipse 插件提供。
我已经免费使用它很多年了
http://www.interaktonline.com/products/eclipse/jseclipse/overview/
每当我处理 Javascript 时,我也严重依赖 FireBug for Firefox
你也可以尝试 http://softwaremaniacs.org/soft/highlight/en/ - 它速度很快,不仅支持 javascript,还支持许多其他语言。如果您需要实时预览突出显示的工作方式,可以使用 setInterval 运行突出显示并将其显示在单独的框中。
尽管它的学习曲线陡峭, 维姆 对于任何语言来说都是最好的编辑器。它有 GUI 版本,但在终端编辑方面确实很出色。任何花时间学习如何使用这个编辑器都不是浪费时间。正如您所寻找的那样,它具有语法突出显示功能,以及数千个(字面意思)其他功能和插件。
一定要一起去 贝斯平 由 Mozilla 提供。它是使用 HTML5 功能构建的(因此速度很快,但不支持旧版浏览器),但使用起来绝对令人惊叹,并且击败了我遇到的所有内容 - 可能是因为它有 Mozilla 支持,而且他们开发了 Firefox,所以是的。 ..还有一个 包含扩展的 jQuery 插件 使其更容易与 jQuery 一起使用。
抱歉拖了这个,但这是我在 CodeMirror 中找到的最好的 http://codemirror.net/