Skip to content

0x00000001A/es6-string-html

Repository files navigation

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

Installation

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, 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

[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!