How to get text highlighting of ractivejs template scripts in phpstorm?

Question

I am using ractivejs with php project and PHPStorm 8.0.2.

However, when I use a ractivejs script all the text within that script is white and not highlighted. This is different from what happens with a javascript script.

I am attaching a screenshot so that you guys can get the idea.

Does anyone know what I need to do in order to get the syntax highlighting just as if it was a Javascript? (Changing the file extension is not what I want in case you find that solution)

Thanks,

Andrés

P.S. I have searched a lot but if you guys can also point me to the right direction I would appreciate it.

Answer 1

Remove the type attribute from the script tag so that it is just:

<script id="template>
</script>

Ractivejs will still be able to work on the page and you will get the text highlighting from phpstorm.

Answer 2

Use type="text/html". You might get some warnings, e.g., about invalid attributes, but it's the best you can get.