Ngx HTML
Ngx (Angular2+) HTML Syntax for SublimeText
Details
Installs
- Total 32K
- Win 18K
- Mac 8K
- Linux 6K
Sep 28 | Sep 27 | Sep 26 | Sep 25 | Sep 24 | Sep 23 | Sep 22 | Sep 21 | Sep 20 | Sep 19 | Sep 18 | Sep 17 | Sep 16 | Sep 15 | Sep 14 | Sep 13 | Sep 12 | Sep 11 | Sep 10 | Sep 9 | Sep 8 | Sep 7 | Sep 6 | Sep 5 | Sep 4 | Sep 3 | Sep 2 | Sep 1 | Aug 31 | Aug 30 | Aug 29 | Aug 28 | Aug 27 | Aug 26 | Aug 25 | Aug 24 | Aug 23 | Aug 22 | Aug 21 | Aug 20 | Aug 19 | Aug 18 | Aug 17 | Aug 16 | Aug 15 | Aug 14 | |
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
Windows | 0 | 0 | 1 | 0 | 0 | 0 | 0 | 0 | 1 | 0 | 0 | 1 | 0 | 0 | 2 | 0 | 0 | 1 | 1 | 0 | 1 | 2 | 0 | 0 | 0 | 0 | 0 | 0 | 1 | 1 | 3 | 0 | 0 | 0 | 1 | 0 | 1 | 2 | 1 | 1 | 1 | 1 | 1 | 1 | 0 | 0 |
Mac | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 1 | 0 | 0 | 1 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 1 | 0 | 0 | 1 | 2 | 0 | 0 | 1 | 0 | 0 | 2 | 1 | 0 | 0 | 0 | 0 | 0 | 0 | 0 |
Linux | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 2 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 1 | 0 | 0 | 0 | 1 | 1 | 0 | 2 | 0 | 0 | 0 | 0 | 0 | 0 | 1 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 1 |
Readme
- Source
- raw.githubusercontent.com
Ngx (Angular2+) HTML Syntax for SublimeText
based on the official sublime html syntax
Features
So that it's not broken when there are
[input]
[@animation]
(output)
(@animation.event)
#reference
*template
[(bananaBox)]
attributes on the tags
Plus
Highlighting the JS part as JS. So,
- in
[myBinding]="myVar"
, you should seemyVar
as an JS variable instead of string content- i.e.
myVar
should be highlighted differently from"
s
- i.e.
- in
*ngFor="let column of columns"
, you should seelet
andof
highlighted as keywords - in
(change)="update()"
, you should seeupdate
as function name - in
a && b
within an Angular expression, you should see&&
correctly highlighted as the JS operator instead of an error you would see in normal HTML syntax. - in
{{1 + 2}}
interpolations, you should see JS syntax highlighting as well
How to use
The syntax is listed as Ngx HTML
in Sublime syntax selection list.
I personaly use ApplySyntax plugin with the following setting:
"syntaxes": [
{
"syntax": "Ngx HTML/NgxHTML",
"extensions": ["component.html"],
},
]
You could use it in other ways… e.g. set it as the default syntax for all html files, since it's a superset of the html syntax anyway.