CodeMirror 动态语法验证

Posted 2023-05-07

【中文标题】CodeMirror 动态语法验证

【英文标题】：CodeMirror Dynamic Syntax Validation

【发布时间】：2012-09-01 19:32:57

【问题描述】：

一直在尝试在使用 CodeMirror 还是 Ace 编辑器之间做出决定。我一直倾向于 CodeMirror，但是我非常喜欢 Ace 的一个功能，那就是它如何进行语法验证。因此，当我输入时，行号旁边的左侧装订线区域可能会出现一个警告或错误图标，当我将鼠标悬停在它上面时，它会给我一些描述。

有没有办法在 CodeMirror 中获得这个功能？具体来说，我使用 CodeMirror 的 css 模式。

如果能够添加我自己的自定义验证也很好。

谢谢。

【参考方案1】：

请参阅http://codemirror.net/3/demo/widget.html 以获得精彩的演示。

但是 ace 还有其他不错的功能。对我来说，决定因素是多个游标和缩进指南

【讨论】：

在我看来，这个演示是一个更好/更新的示例，用于突出显示 css 语法错误：codemirror.net/demo/lint.html

【参考方案2】：

对于 Ace，添加您自己的验证函数非常简单。以下是我们如何使用 CSSLint 为 CSS 添加验证：

https://github.com/ajaxorg/ace/blob/master/lib/ace/mode/css_worker.js https://github.com/ajaxorg/ace/blob/master/lib/ace/mode/css.js#L78