Skip to content
| Marketplace
Sign in
Visual Studio Code>Programming Languages>QuillNew to Visual Studio Code? Get it now.
Quill

Quill

Captured Sun

|
551 installs
| (1) | Free
HTML/CSS Syntax highlighting, best used with the Quill framework
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Quill

For syntax highlighting Quill functions, as well as css and html strings.

Forked from the below repo.

Boilerplate:

  • *html: Type in an HTML file and select the suggestion to create HTML boilerplate.
  • *element: Type in a JS file and select the suggestion to create JS Custom Element boilerplate.

Functions:

Clone this repository into the top level of the project you are working on, so the HTML can find the "quill.js" functions. Use backticks with both to get HTML and CSS syntax highlighting.

  • css() or addStyle(): Adds a style to a Quill style tag in the head.
  • html(): Creates a parsed HTML element (which is not yet in the DOM)

ES6 String HTML

VSCode Marketplace

Open VSX Registry

Adds syntax highlight support for code, placed in es6 multiline strings:

  • HTML (incl. html quoted and unquoted attrs)
  • SQL
  • XML
  • SVG
  • CSS
  • GLSL

Community

  • python-string-sql - Highlight SQL code in python multiline strings
  • es6-string-javascript - Highlight JS in multiline strings

Contributors

guicook RobertSasak the-dr-lazy yozman JohnnyLufa

Installation

  • Install es6-string-html from extensions (ctrl + shift + x)
  • Or download it from the Visual Studio Marketplace
  • Or download it from the Open VSX Registry

Donation

If you've found this extension useful, you can give me a cup of coffee :)

"Buy Me A Coffee"

Example

Example

Usage

Simply insert the comment /*html*/ or html (also works with SQL, SVG, XML, just use the appropriate word) before the string (see Requirements "section" for possible values) or select Insert es6-string-html comment/template from the commands menu (ctrl+shift+p or f1)

Tip: Comment in the beginning of es6 string is required

Requirements

  • Visual Studio Code v1.19.0 and higher
  • Comment /*html*/ before the string. (also works with CSS, SQL, SVG, XML, just use the appropriate word) Possible values:
    • /*css*/
    • /*html*/
    • /*inline-html*/
    • /*template*/
    • /*inline-template*/
  • Or
    • html before the string

Release Notes

[...]

  • See changelog for previous notes

[2.7.0] - 2021-04-23

Fixed

  • SQL highlight stops after encountering an identifier delimiter `

[2.8.0] - 2021-04-23

Fixed

  • SQL support for vue files

[2.9.0] - 2021-05-18

Improved

  • CSS support

[2.10.0] - 2021-06-03

Improved

  • GLSL support

[2.11.0] - 2021-10-05

Improved

  • PHP files support

Enjoy!

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft