Vscode: [css][html] SVG language support

Created on 4 Jan 2019  路  5Comments  路  Source: microsoft/vscode

Currently, we have no SVG support:

  • In HTML, SVG tags don't receive auto completion
  • In CSS, SVG attributes don't receive auto completion
  • Syntax highlighting are problematic for both SVG tags/attributes in HTML/CSS
  • Emmet do not get SVG completions

However, with custom tag/property support in HTML/CSS, we should be able to trivially write a SVG package that describes the set of tags/attributes for SVG, and let HTML/CSS language services do the support work.

css-less-scss feature-request html

Most helpful comment

Since SVG is an XML variant, would support for XML be included? Or would that have to be a request under Atom's XML package?

All 5 comments

Since SVG is an XML variant, would support for XML be included? Or would that have to be a request under Atom's XML package?

This issue only concerns SVG. VS Code has some support for XML, and there are extensions for XML too: https://marketplace.visualstudio.com/search?term=xml&target=VSCode&category=All%20categories&sortBy=Relevance

Would be nice to have standard emmet abbreviation completion.

<style> tags inside SVG files also have no CSS syntax highlighting or autocompletion, but do in HTML files.

any progress? It would be great to support emmet syntax in svg. By using following setting, I can get emmet suggestion, but can't get svg specific tag suggestion

"emmet.includeLanguages": {
        "svg": "html"
 },

screenshot_2020-09-20_00-53-39
screenshot_2020-09-20_00-54-01

Was this page helpful?
0 / 5 - 0 ratings

Related issues

omidgolparvar picture omidgolparvar  路  3Comments

ryan-wong picture ryan-wong  路  3Comments

shanalikhan picture shanalikhan  路  3Comments

VitorLuizC picture VitorLuizC  路  3Comments

sirius1024 picture sirius1024  路  3Comments