Highlighting js-code inside php file

Question

I have a file script.js.php. It contains PHP and JavaScript code(the js depends on the php). And it is to be included into a page as js-file.

<script type="text/javascript" src="script.js.php"></script>

Example of script.js.php

<?php
    require_once 'functions.php'
?>
var vars = {
    var1: 'value1',
    var2: 'value2',
    var2: '<?php echo phpFunction(); ?>'
}

Does anybody know, is it possible to make PhpStorm higlight JavaScript code within a PHP file without using script-tag?

Maybe there is some kind of pseudo-tags which wouldn't affect final html/js but make PhpStorm hightlight code "properly", e.g.

<!-- <section language="javascript">--> 
    js goes here 
<!-- </section> -->

Settings | Template Data Languages -- find your file(s)/folder(s) and assign JavaScript to them (instead of default HTML). — LazyOne
– LazyOne, Commented Oct 8, 2012 at 11:53
@LazyOne. Awesome! Thx. Put this in answer and I'll accept it. — Ruslan Polutsygan
– Ruslan Polutsygan, Commented Oct 8, 2012 at 11:59

LazyOne · Accepted Answer · 2012-10-08 12:04:19Z

9

Settings | Template Data Languages -- find your file(s) or folder(s) and assign JavaScript to them (instead of default HTML).

If you keep your stuff well organized, then you will benefit from keeping all *.js.php files under separate subfolder -- this allows single assignment for a whole folder (and all files inside) instead of multiple assignments for individual files.

answered Oct 8, 2012 at 12:04

LazyOne

167k49 gold badges420 silver badges422 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Brandon Over a year ago

Note that this is a far better solution than adding, say, *.js.php to File Types because then it doesn't inject libraries for some reason. It'll say window is undefined and jQuery is undefined. This way though, with Template Data Languages, you still get code completion with libraries like jQuery or even just DOM like the window object.

Jelmer · Accepted Answer · 2012-10-08 11:47:36Z

9

Put your cursor on the JavaScript part
Press Alt + Enter
Select Inject Language
Select JavaScript

For example:

<?php
echo "<script>/* CURSOR HERE*/
    alert('Hello World');
    </script>";

answered Oct 8, 2012 at 11:47

Jelmer

2,6932 gold badges29 silver badges45 bronze badges

8 Comments

LazyOne Over a year ago

That's different -- he has different approach -- no echo is used, as you can see, so there is no place for manual language injection

Ruslan Polutsygan Over a year ago

thx, but it forbidden to use <script> tag within js file. as far as I know.

Jelmer Over a year ago

@LazyOne then there is no such way. He should either put his *.php in the settings to be highlighted as .js files, or he should put his script as a string so he can use this method.

Jelmer Over a year ago

@RuslanPolutsygan It was just a string example. It doesn't matter what is inside the string. You can highlight every string as any syntax.

Ruslan Polutsygan Over a year ago

@Jelmer this won't work for me because I don't want to call php functions inside strings.

|

Wadih M. · Accepted Answer · 2021-05-26 17:27:37Z

2

If you use the hard-coded "JS" heredoc, it'll know it's Javascript and give you autocomplete for that snippet:

$javascript_code = <<<JS
  function test(){
  console.log('hello!');    
}
JS;

edited May 26, 2021 at 17:27

answered Jun 17, 2019 at 20:53

Wadih M.

13.5k7 gold badges52 silver badges60 bronze badges

Comments

El_polo90 · Accepted Answer · 2023-07-11 12:30:30Z

0

Use PHPDocs

Directly above of the String that contains the Javascript code write:

/* @lang JavaScript */

PHPStorm will automaticly highlight the Javascript code in your PHP-String.

You can Also write

/* @lang MySQL */ 
/* @lang CSS */

to highlight CSS or MySQL Code within your PHP Code within PHPStorm

answered Jul 11, 2023 at 12:30

El_polo90

1

Collectives™ on Stack Overflow

Highlighting js-code inside php file

4 Answers 4

1 Comment

8 Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

1 Comment

8 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related