This commit is contained in:
metacryst
2023-11-19 14:07:30 -06:00
parent 3aec27f5d8
commit dab5d19d42

View File

@@ -1,7 +1,7 @@
# Quill
For syntax highlighting Quill functions, as well as css and html strings.
Forked from the below repo.
For syntax highlighting Quill functions, as well as html and css strings.
Forked from this repository:
> [VSCode Marketplace](https://marketplace.visualstudio.com/items?itemName=Tobermory.es6-string-html)
## Boilerplate:
- ```*html```: Type in an HTML file and select the suggestion to create HTML boilerplate.
@@ -11,93 +11,4 @@ Forked from the below repo.
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](https://marketplace.visualstudio.com/items?itemName=Tobermory.es6-string-html)
> [Open VSX Registry](https://open-vsx.org/extension/Tobermory/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
## Community
- [python-string-sql](https://github.com/ptweir/python-string-sql) - Highlight SQL code in python multiline strings
- [es6-string-javascript](https://github.com/Zjcompt/es6-string-javascript) - Highlight JS in multiline strings
## Contributors
[![guicook](https://img.shields.io/badge/gucook-❤-brightgreen)](https://github.com/guycook)
[![RobertSasak](https://img.shields.io/badge/RobertSasak-❤-brightgreen)](https://github.com/RobertSasak)
[![the-dr-lazy](https://img.shields.io/badge/the--dr--lazy-❤-brightgreen)](https://github.com/the-dr-lazy)
[![yozman](https://img.shields.io/badge/yozman-❤-brightgreen)](https://github.com/yozman)
[![JohnnyLufa](https://img.shields.io/badge/JohnnyLufa-❤-brighten)](https://github.com/JohnnyLufa)
## Installation
- Install `es6-string-html` from extensions (`ctrl + shift + x`)
- Or download it from the [Visual Studio Marketplace](https://marketplace.visualstudio.com/items?itemName=Tobermory.es6-string-html)
- Or download it from the [Open VSX Registry](https://open-vsx.org/extension/Tobermory/es6-string-html)
## Donation
If you've found this extension useful, you can give me a cup of coffee :)
[!["Buy Me A Coffee"](https://www.buymeacoffee.com/assets/img/custom_images/orange_img.png)](https://www.buymeacoffee.com/nonholy)
## Example
![Example](docs/demo.png)
## 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!**
- ```html()```: Creates a parsed HTML element (which is not yet in the DOM)