VIM，正确的方式来缩进html和CSS内部的CSS [英] vim, right way to indent css and js inside html
本文介绍了VIM，正确的方式来缩进html和CSS内部的CSS的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
<！DOCTYPE html>在旧问题中找不到合适的解决方案，
< html lang =en>
< head>
< meta charset =UTF-8>
< title>< / title>
< link rel =stylesheethref =https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css>
< style type =text / css>
body，输入{
background-color：red;
}
< / style>
< script>
function test（）{
return false
}
< / script>
< / head>
< body>
< div>< / div>
< / body>
< / html>
和< script> 标记缩进确定，我该如何解决它？
我使用 othree / html5.vim 插件支持 html内的css / javascript。它可以工作，尽管这可能不是最简单的解决方案。
您的代码如此缩进：
<！DOCTYPE html>
< html lang =en>
< head>
< meta charset =UTF-8>
< title>< / title>
< link rel =stylesheethref =https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css>
< style type =text / css>
body，输入{
background-color：red;
}
< / style>
< script>
function test（）{
return false
}
< / script>
< / head>
< body>
< div>< / div>
< / body>
< / html>
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.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>
everything except code inside <style> and <script> tags indented ok, how can I fix it?
解决方案
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.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>
这篇关于VIM，正确的方式来缩进html和CSS内部的CSS的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
