How do I highlight my inline script with type="text/javascript-lazy" as if it were javascript?

Permanently deleted user

Created August 14, 2015 17:07

Hey,

In my projects I have to "hide" my inline javascript from Angular.js by renaming it.
How can I still have Syntax-Highlighting etc. as if the type would be just text/javascript?

Regards,
Claas M.

15 comments

Andriy Bazanov

Created August 14, 2015 18:03

Hi there,

Please provide some sample that can be copy-pasted.

Permanently deleted user

Created August 14, 2015 19:10

You mean an example scenario?

Here, the <script> part is not highlighted as JavaScript, because the type is javascript-lazy and I cant change the type to javascript (for unrelated reasons).

But I still want it to be highlighted as if the type were text/javascript.

Like so:

How can I achieve that? I hope you understand what I mean.

P.S Inserting HTML code didn't work on this forum

Andriy Bazanov

Created August 14, 2015 19:27

Sure. Create custom Language Injection rule for that:

NOTE that such fragments with custom injected language will have some backgound color (light green using Default color scheme).

P.S Inserting HTML code didn't work on this forum

Work fine for me. See below -- standard functionality (text copied from IDE using colors of my current color scheme)

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=11; IE=10; IE=9; IE=8; IE=7; IE=EDGE">
    <title></title>
    <link rel="icon" href="/favicon.ico" type="image/ico">
    <link rel="stylesheet" href="/testing/css.css"/>
</head>
<body>
<script type="text/javascript-lazy">
    console.log("Hello World");
</script>
<script type="text/javascript">
    console.log("Hello World");
</script>
<header></header>
<footer></footer>
</body>
</html>

Permanently deleted user

Created August 14, 2015 20:07

My Language Injection Settings doesn't have an XPath Condition Input field:

Why is that? I'm using Webstorm 10.0.4

Andriy Bazanov

Created August 14, 2015 21:05

The one that I've used is of "XM Tag Injection" while you did "Generic JS"

"Generic JS" is for rules that will be used inside JavaScript fragments only while you need injection into <script> tag .. which is HTML/XML

Permanently deleted user

Created August 14, 2015 21:38

Ah okay. Works now, thanks :)

Timur Musin

Created October 22, 2018 07:28

How can this be done if XPath plugin is no more compatible with recent versions of IntelliJ?

Elena Pogorelova

Created October 22, 2018 09:57

XPath plugin is bundled with IDEA and is definitely compatible with it...

Timur Musin

Created October 22, 2018 09:59

But "XPath condition" field is inactive in my case. Should I enable it somehow?

Elena Pogorelova

Created October 22, 2018 10:09

Please provide comnfiguration screenshot and idea.log (https://intellij-support.jetbrains.com/hc/en-us/articles/207241085-Locating-IDE-log-files)

Timur Musin

Created October 26, 2018 06:27

Config screenshot:

The XPath fields looks OK but I can't enter there anything (it's inactive, in fact).

Elena Pogorelova

Created October 26, 2018 10:08

Thanks. PyCharm doesn't bundle XPath plugin (https://youtrack.jetbrains.com/issue/PY-2214), and a third-party XPathView + XSLT-Support plugin (https://plugins.jetbrains.com/plugin/237-xpathview--xslt-support) is targeted for Idea only and outdated (you will see messages like "Plugin 'XPathView + XSLT-Support' can't be loaded because: Plugin does not include any module dependency tags in its plugin.xml therefore is assumed legacy and can be loaded only in IntelliJ IDEA" if you inspect your log)

Timur Musin

Created October 26, 2018 10:33

So there is no way to get this working? :(

Elena Pogorelova

Created October 26, 2018 10:39

Yes:(

Ludwig Gramberg

Created September 09, 2020 20:54

So its 2020, and this is all documented for PhpStorm 2020.2 but it does not work ... XPath Plugin is enabled, settings seam as described, What am I missing?

answer: namespace matters a lot: phpstorm only suggest http://www.w3.org/1999/xhtml but it needs to be exactly http://www.w3.org/1999/html

and now it works:

Please sign in to leave a comment.