Ngx HTML
Ngx (Angular2+) HTML Syntax for SublimeText
Details
Installs
- Total 31K
- Win 18K
- Mac 8K
- Linux 6K
Apr 2 | Apr 1 | Mar 31 | Mar 30 | Mar 29 | Mar 28 | Mar 27 | Mar 26 | Mar 25 | Mar 24 | Mar 23 | Mar 22 | Mar 21 | Mar 20 | Mar 19 | Mar 18 | Mar 17 | Mar 16 | Mar 15 | Mar 14 | Mar 13 | Mar 12 | Mar 11 | Mar 10 | Mar 9 | Mar 8 | Mar 7 | Mar 6 | Mar 5 | Mar 4 | Mar 3 | Mar 2 | Mar 1 | Feb 28 | Feb 27 | Feb 26 | Feb 25 | Feb 24 | Feb 23 | Feb 22 | Feb 21 | Feb 20 | Feb 19 | Feb 18 | Feb 17 | Feb 16 | |
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
Windows | 0 | 0 | 1 | 0 | 1 | 1 | 1 | 1 | 0 | 2 | 1 | 0 | 3 | 1 | 1 | 1 | 0 | 1 | 0 | 0 | 0 | 0 | 2 | 1 | 0 | 0 | 1 | 0 | 0 | 0 | 0 | 2 | 1 | 1 | 0 | 0 | 1 | 0 | 0 | 1 | 0 | 2 | 1 | 0 | 0 | 1 |
Mac | 0 | 1 | 1 | 0 | 0 | 1 | 2 | 0 | 0 | 0 | 1 | 0 | 0 | 1 | 1 | 0 | 0 | 1 | 1 | 1 | 0 | 0 | 1 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 2 | 0 | 1 | 1 | 0 | 0 | 0 | 0 | 1 | 0 | 1 | 0 | 0 | 0 | 1 | 0 |
Linux | 0 | 0 | 1 | 0 | 0 | 0 | 1 | 0 | 1 | 0 | 0 | 0 | 0 | 2 | 0 | 0 | 0 | 0 | 1 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 2 | 0 | 0 | 0 | 0 | 0 | 1 | 0 | 0 | 0 | 1 | 0 | 0 | 1 | 0 | 0 | 2 | 0 | 0 |
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.