Syntax coloration in html attributes

[sdebacker]

It would be great to have syntax coloration in html attributes. What do you think ?

[curtailment]

Came here to say the same thing. Highlighting does not work inside HTML comments, HTML attributes, or JavaScript strings.

[kuroisuna]

+1
Right now looks awful:

[sixpetrov]

I miss that feature so much. Currently is ugly as hell and I can't find solution.
Is it so hard to do this? I tried but without success.

[Medalink]

There is not currently a way to do this as far as I have been able to figure out. The reason is because Sublime uses a first come first serve hierarchy when parsing what get's highlighted. The blade highlighter depends on both the HTML highlighter and the PHP highlighter. The issue here is that the HTML highlighter is super greedy when it comes to parsing rules like this and by the time Blade tries Sublime ignores it. The only solution I can think of is to add in both the HTML/PHP highlighters myself and adjust them. But then I must maintain both of them which is far outside the scope of this project.

If anyone has ideas I would love to try them as this has been an issue for quite some time.

[empz]

I can't even get proper blade syntax highlighting... The {{ }} doesn't get colored properly...

And yes, I have set the syntax to Blade PHP..

[Medalink]

@emzero The syntax should be: PHP - Laravel Blade. Make sure you are on the latest version. Take a look at the README and make sure you are not using a conflicting package.

[sleeviin]

@emzero I have the same problem, please can you help me how fix it?, and @Medalink I am sure that I have the syntax PHP-Laravel Blade and still isn't fix. :(

[Medalink]

@sleeviin make sure you are not using a conflicting package.

[ctf0]

also for something like

<link href="{{ asset('_css/main.css') }}" rel="stylesheet" media="screen, projection">

everything inside the double quotes is treated the same ,i think we need a regex inside the blade tmlang to detect something like the {{ }} and give it a proper HL.

[zaynali53]

@Medalink This issue has been resolved f338c41

However, Most color schemes don't highlight these kind of edge cases. Only highlights generic scopes in the code so you won't find the difference.

For this reason, i made a new color scheme, focused heavily on JSX (React), ES6 and Laravel Blade.

Acme Color Scheme