Indentation in emacs for html with inline javascript

Question

Here is roughly the kind of code that I have.

<body>
<p>
...
</p>

<script>
function func()
{
...
for(...)
{
...
}
}
</script>

<p> ... </p>

</body>

HTML by itself indents properly, but when I put in the javascript everything screws up.

How do I deal with this?

Answer 1

What I tend to do is have blank lines in between my script tags and then switch over to javascript mode. The html would look like this with the blank line padding

<script type="text/javascript">

   //some javascript

</script>

That seems to allow correct coloring and indenting. I also like to use js3-mode personally as it adds a bit more functionality than emacs' default javascript styling.

Answer 2

You could try one of the multiple modes:

Their goal is to have more than one mode at the same time in the same buffer, specially html and javascript.

Indentation in emacs for html with inline javascript

Question

2 answers

solution1
1 2017-01-30 14:56:48

solution2
1 ACCPTED 2017-01-30 22:57:27

Indentation in emacs for html with inline javascript

Question

2 answers

solution1 1 2017-01-30 14:56:48

solution2 1 ACCPTED 2017-01-30 22:57:27

solution1
1 2017-01-30 14:56:48

solution2
1 ACCPTED 2017-01-30 22:57:27