Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.
And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.
[html] prevent that embedded grammars can corrupt syntax highlighting of rest of document
See original GitHub issueCurrently, when writing embedded language, a lot of the times the embedded grammar can cause disruption to the rest of DOCUMENT:
This is html grammar.
Imagine editing css in a <style> at the <head> of a long html file. The rest of document will be constantly re-tokenized and (wrongly) syntax highlighted. This doesn’t look good UX-wise and will probably have some perf impact.
For the following grammar and setting:
- name: source.css.embedded.html
begin: <style>
end: </style>
patterns:
- include: source.css
"embeddedLanguages": {
"source.css": "css"
}
I hope VSCode can only apply CSS grammar to the section between <style> and </style>, so when I’m typing out my incomplete CSS VSCode would just re-tokenize and highlight until </style>, but not rest of the document.
/cc @alexandrudima
Also would like to hear @aeschli’s opinion, as you are writing the html grammar.
Issue Analytics
- State:
- Created 7 years ago
- Reactions:13
- Comments:35 (21 by maintainers)
Top Results From Across the Web
Top Related Medium Post
Top Related StackOverflow Question
Troubleshoot Live Code
Top Related Reddit Thread
Top Related Hackernoon Post
Top Related Tweet
Top Related Dev.to Post
Top Related Hashnode Post
Same problem here with embedded html in php file that break not only html highlighting.
That’s what sublime have:
https://www.sublimetext.com/docs/3/syntax.html
As an alternative, is it possible for us to have such a “pop” rule?
It’s possible to modify the CSS grammar to make it expects itself to be embedded. But I don’t know any way to do that by only modifying HTML grammar now in VSCode.
And I believe this is a problem shared by embedded language support. I don’t think it’s reasonable to ask each language’s grammar to expect itself to be embedded. For example in Vue’s single file component, one can embed css/sass/scss/less/stylus/postcss. I hope there is a way to mark the end of embedded region in HTML, instead of adding a negative lookahead to each grammar rule in these 6 languages.