CodeMirror Dynamic Syntax Validation

javascript validation syntax-highlighting codemirror ace-editor
rawr picture rawr · Sep 8, 2012 · Viewed 10.2k times · Source

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.

Answer

mardarta picture mardarta · Sep 8, 2012

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

Related questions

How to validate an email address in JavaScript

Is there a regular expression to validate an email address in JavaScript?

Read More
Validate decimal numbers in JavaScript - IsNumeric()

What's the cleanest, most effective way to validate decimal numbers in JavaScript? Bonus points for: Clarity. Solution should be clean and simple. Cross-platform. Test cases: 01. IsNumeric('-1') => true 02. IsNumeric('-1.5') => true 03. IsNumeric('0') => true 04. …

Read More
(Built-in) way in JavaScript to check if a string is a valid number

I'm hoping there's something in the same conceptual space as the old VB6 IsNumeric() function?

Read More