atom-react icon indicating copy to clipboard operation
atom-react copied to clipboard

HTML5 unquoted highlighting

Open softwarecreations opened this issue 7 years ago • 0 comments

It would be nice if HTML5 unquoted style attribute values get highlighted the same as quoted attribute values.

image so ideally the 2nd line's attribute values would be green

Then of course if the attribute value contains

'
"
`
=

or ends with / or there's a space immediately after the = sign it should be highlighted as an error. (the spec seems to say that <p id = foo className = bar> is okay, but I'd say for clarity if quotes are omitted there should be no space around the = signs like so: <p id=foo className=bar>, and if there is a space before/after =, it can be considered an error, which will make it very easy to detect errors like this: <p id= className=fooCls>

So basically I'm suggesting a reasonable support of the unquoted HTML5 spec https://www.w3.org/TR/html5/syntax.html#attribute-value-(unquoted)-state

softwarecreations avatar Jul 06 '17 13:07 softwarecreations