CodeMirror Dynamic Syntax Validation

Question

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.

mardarta · Accepted Answer · 2012-09-08 09:34:35Z

13

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

answered Sep 8, 2012 at 9:34

mardarta

1461 silver badge2 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

mxro Over a year ago

This demo is in my view a better/updated example for highlighting css syntax errors: codemirror.net/demo/lint.html

Fabian Jakobs · Accepted Answer · 2012-09-10 07:54:44Z

0

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

answered Sep 10, 2012 at 7:54

Fabian Jakobs

29.2k8 gold badges46 silver badges40 bronze badges

Collectives™ on Stack Overflow

CodeMirror Dynamic Syntax Validation

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related