rawr
rawr

Reputation: 123

CodeMirror Dynamic Syntax Validation

Been trying to decide between using CodeMirror or Ace editor. I've been leaning towards CodeMirror, however there's one feature of Ace that I really like and that is how it does syntax validation. So as I'm typing there can appear a warning or error icon in the left gutter area beside the line number, and when I hover over it it gives me a little description.

Is there any way to get this functionality in CodeMirror? Specifically, I'm using the css mode for CodeMirror.

It'd also be nice to be able to add in my own custom validation.

Thanks.

Upvotes: 12

Views: 13194

Answers (2)

Fabian Jakobs
Fabian Jakobs

Reputation: 29173

For Ace adding your own validation function is quite simple.Here is how we added validation for CSS using CSSLint:

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

Upvotes: 0

mardarta
mardarta

Reputation: 146

see http://codemirror.net/3/demo/widget.html for a nice demo.

but ace have other nice features too. For me deciding factors were multiple cursors and indentGuides

Upvotes: 13

Related Questions