Awesome
ES6 String HTML
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-htmlfrom 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
-
htmlbefore 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
[2.16.0] - 2024-07-14
Added
- Support ReScript syntax. Author: mrmurphy
Enjoy!