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
• JavaScript/TypeScript

Community

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

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 :)

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, JavaScript, just use the appropriate word) Possible values:
• • /*css*/
• • /*html*/
• • /*inline-html*/
• • /*template*/
• • /*inline-template*/
• • /*javascript*/ or /*js*/
• • /*typescript*/ or /*ts*/
• Or
• • html before the string

Release Notes

[...]

• See changelog for previous notes

[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

[2.12.0] - 2021-10-05

Fixed

• Fixes issues with trailing syntax in single-line "sql" syntax shown in issue. And also adds support for Prisma and other ORMs that use "xxxxx.sql" syntax. Author: @jdukleth

[2.14.1] - 2023-12-26

Improved

• Add ts/js support. Author: @tomgao365

[2.15.0] - 2024-04-01

Added

• Support for html within jQuery without the need for comments. Author: @scottforte

---

Enjoy!