admin管理员组

文章数量:1296400

Couldn't find proper solution in old questions, so 

    <!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title></title>
        <link rel="stylesheet" href=".3.6/css/bootstrap.min.css">
        <style type="text/css">
body, input{
    background-color:red;
}
        </style>
        <script>
function test() {
    return false
}
        </script>
    </head>
    <body>
        <div></div>
    </body>
</html>

everything except code inside <style> and <script> tags indented ok, how can I fix it?

Couldn't find proper solution in old questions, so 

    <!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title></title>
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn./bootstrap/3.3.6/css/bootstrap.min.css">
        <style type="text/css">
body, input{
    background-color:red;
}
        </style>
        <script>
function test() {
    return false
}
        </script>
    </head>
    <body>
        <div></div>
    </body>
</html>

everything except code inside <style> and <script> tags indented ok, how can I fix it?

  • javascript
  • html
  • css
  • vim
Share Improve this question asked Jan 23, 2016 at 18:28 KaignKaign 3534 silver badges13 bronze badges 2
  • Possible duplicate of How do I tidy up an HTML file's indentation in VI? – bozzmob Commented Jan 23, 2016 at 18:35
  • @bozzmob, it's about pure html file – Kaign Commented Jan 23, 2016 at 19:33
Add a ment  | 

2 Answers 2

Reset to default 8

As it turns out: That this has been done on purpose! Even my current Vim 8.1 installation contains an indent/html.vim-file which has such zero-indentation as its default setting.

That is however configurable via vimrc with: 

let g:html_indent_script1 = "inc" 
let g:html_indent_style1 = "inc"

...and -shame on us- is also mentioned in :help html-indent

I use othree/html5.vim plugin which supports css/javascript inside html. It works although this isn't probably the simplest solution.

Your code is indented like this:

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <title></title>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn./bootstrap/3.3.6/css/bootstrap.min.css">
    <style type="text/css">
      body, input{
        background-color:red;
      }
    </style>
    <script>
      function test() {
        return false
      }
    </script>
  </head>
  <body>
    <div></div>
  </body>
</html>

本文标签： javascriptvimright way to indent css and js inside htmlStack Overflow

版权声明：本文标题：javascript - vim, right way to indent css and js inside html - Stack Overflow 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.betaflare.com/web/1741634855a2389582.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。