2016-01-23 66 views
3

找不到老問題,妥善解決正道,所以VIM,縮進CSS和JS裏面的html

<!DOCTYPE html> 
<html lang="en"> 
    <head> 
     <meta charset="UTF-8"> 
     <title></title> 
     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/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> 

一切,除了內縮進確定<style><script>標籤代碼,我該如何解決?

+0

的[?我如何收拾一個HTML文件的第六縮進](可能的複製http://stackoverflow.com/questions/815548/how-do -i-整潔-UP-AN-HTML的文件縮進式-VI) – bozzmob

+0

@bozzmob,它是關於純HTML文件 – Kaign

回答

2

我用othree/html5.vim插件裏的html這supports CSS/JavaScript的。它的工作原理雖然這不是可能是最簡單的解決方案。

您的代碼縮進是這樣的:

<!DOCTYPE html> 
<html lang="en"> 
    <head> 
    <meta charset="UTF-8"> 
    <title></title> 
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/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>