blocks|key|1353259|text|在我的.vimrc中有了filetype+indent+on，Vim可以很好地缩进.vimrc文件。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1353260|shiftwidth为2的简单示例：|1353261|<html>
++<body>
++++
++++text
++++
++</body>
</html>|code-block|syntax|javascript|1353262|entityMap^0|3|6|C|I|15|6|0|0|A|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@$9|P|A|Q|B|C]|$9|R|A|S|B|C]|$9|T|A|U|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|V|8|@$9|W|A|X|B|C]]|D|@]|E|$]]|$1|H|3|I|5|J|7|Y|8|@]|D|@]|E|$K|L]]|$1|M|3|-4|5|6|7|Z|8|@]|D|@]|E|$]]]|N|$]]

With <code>filetype indent on</code> inside my <code>.vimrc</code>, Vim indents HTML files quite nicely.

Simple example with a <code>shiftwidth</code> of 2:

<pre class="lang-html prettyprint-override"><code>&lt;html&gt;
 &lt;body&gt;
 &lt;p&gt;
 text
 &lt;/p&gt;
 &lt;/body&gt;
&lt;/html&gt;
</code></pre>

blocks|key|1353483|text|使用智能缩排的主要问题是，如果XML+(或HTML)位于一行中，因为它可能最终从curl请求返回，那么gg=G就不能解决这个问题。相反，我刚刚使用从VI直接调用的tidy进行了很好的缩进：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1353484|:!tidy+-mi+-xml+-wrap+0+%25|code-block|syntax|javascript|1353485|这基本上告诉VI调用tidy来清理XML文件，而不是对行进行换行以使它们适合默认的68个字符宽度的行。我处理了一个很大的29MB的XML文件，花了5到6秒。因此，对于HTML文件，命令应该是：|1353486|:!tidy+-mi+-html+-wrap+0+%25|1353487|正如评论中提到的，tidy是一个可以在许多基础Linux+/+MacOS系统上找到的基本工具。这是该项目的页面，以防您希望拥有它，但没有：HTML+Tidy。|1353488|entityMap|0|LINK|mutability|MUTABLE|url|http://www.html-tidy.org/^0|1F|4|0|0|0|0|9|4|1X|9|0|0^^$0|@$1|2|3|4|5|6|7|Y|8|@$9|Z|A|10|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|11|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|12|8|@]|D|@]|E|$]]|$1|M|3|N|5|H|7|13|8|@]|D|@]|E|$I|J]]|$1|O|3|P|5|6|7|14|8|@$9|15|A|16|B|C]]|D|@$9|17|A|18|1|19]]|E|$]]|$1|Q|3|-4|5|6|7|1A|8|@]|D|@]|E|$]]]|R|$S|$5|T|U|V|E|$W|X]]]]

The main problem using the smart indentation is that if the XML (or HTML) sits on one line as it may end up coming back from a curl request then <code>gg=G</code> won't do the trick. Instead I have just experienced a good indentation using tidy directly called from VI:

<pre><code>:!tidy -mi -xml -wrap 0 %
</code></pre>

This basically tells VI to call tidy to cleanup an XML file not wrapping the lines to make them fit on the default 68 characters wide lines. I processed a large 29MB XML file and it took 5 or 6 seconds. I guess for an HTML file the command should therefore be:

<pre><code>:!tidy -mi -html -wrap 0 %
</code></pre>

As mentioned in comments, <code>tidy</code> is a basic tool which you could find on many base Linux / MacOS systems. Here is the projet's page in case you wish you had it but don't: <a href="http://www.html-tidy.org" rel="noreferrer">HTML Tidy</a>.

blocks|key|1353610|text|没有一个答案对我有效，因为我所有的HTML都在一行中。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1353611|基本上，您首先需要使用以下命令来换行，该命令用相同的字符替换><，但中间要换行。|offset|length|style|CODE|1353612|:%25s/></>\r</g|code-block|syntax|javascript|1353613|然后命令|1353614|gg=G|1353615|将缩进文件。|1353616|entityMap^0|0|U|2|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|V|8|@$D|W|E|X|F|G]]|9|@]|A|$]]|$1|H|3|I|5|J|7|Y|8|@]|9|@]|A|$K|L]]|$1|M|3|N|5|6|7|Z|8|@]|9|@]|A|$]]|$1|O|3|P|5|J|7|10|8|@]|9|@]|A|$K|L]]|$1|Q|3|R|5|6|7|11|8|@]|9|@]|A|$]]|$1|S|3|-4|5|6|7|12|8|@]|9|@]|A|$]]]|T|$]]

None of the answers worked for me because all my HTML was in a single line.
Basically you need first to break each line with the following command that substitutes <code>&gt;&lt;</code> with the same characters but with a line break in the middle.
<pre><code>:%s/&gt;&lt;/&gt;\r&lt;/g
</code></pre>
Then the command
<pre><code>gg=G
</code></pre>
will indent the file.

blocks|key|1353382|text|这里有一个重量级的解决方案，它可以让您缩进，以及所有您在编辑时不一定想要关心的HTML漂亮打印。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1353383|首先，下载Tidy。确保将二进制文件添加到路径中，以便可以从任何位置调用它。|offset|length|1353384|接下来，创建一个配置文件来描述您最喜欢的HTML风格。文档对Tidy来说不是很好，但这里有一个overview和一个all+the+options列表。下面是我的配置文件：|1353385|bare:+yes
break-before-br:+no
clean:+yes
drop-proprietary-attributes:+yes
fix-uri:+yes
indent-spaces:+4
indent:+yes
logical-emphasis:+yes
markup:+yes
output-xhtml:+yes
quiet:+yes
quote-marks:+yes
replace-color:+yes
tab-size:+4
uppercase-tags:+no
vertical-space:+yes
word-2000:+yes
wrap:+0|code-block|syntax|javascript|1353386|将其另存为ftplugin文件夹中的tidyrc_html.txt+(在this文件下)。|style|CODE|1353387|再添加一个文件:将以下行添加到(或创建)也是ftplugin格式的html.vim中|1353388|map+<leader>tidy+:%25!+tidy+-config+~/vimfiles/ftplugin/tidyrc_html.txt+<CR>|1353389|要使用它，只需打开一个超文本标记语言文件，然后输入/tidy。(该/就是<leader>密钥。)|1353390|就是这样！无论如何，这不是一个快速的解决方案，但是现在您可以更好地编辑那些巨大的、混乱的HTML文件了。|1353391|entityMap|0|LINK|mutability|MUTABLE|url|http://tidy.sourceforge.net/#binaries|1|http://www.w3.org/People/Raggett/tidy/|2|http://tidy.sourceforge.net/docs/quickref.html^0|0|5|4|0|0|1B|8|1|1M|F|2|0|0|5|8|I|F|0|M|8|X|8|0|0|P|5|X|1|10|8|0|0^^$0|@$1|2|3|4|5|6|7|1A|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|1B|8|@]|9|@$D|1C|E|1D|1|1E]]|A|$]]|$1|F|3|G|5|6|7|1F|8|@]|9|@$D|1G|E|1H|1|1I]|$D|1J|E|1K|1|1L]]|A|$]]|$1|H|3|I|5|J|7|1M|8|@]|9|@]|A|$K|L]]|$1|M|3|N|5|6|7|1N|8|@$D|1O|E|1P|O|P]|$D|1Q|E|1R|O|P]]|9|@]|A|$]]|$1|Q|3|R|5|6|7|1S|8|@$D|1T|E|1U|O|P]|$D|1V|E|1W|O|P]]|9|@]|A|$]]|$1|S|3|T|5|J|7|1X|8|@]|9|@]|A|$K|L]]|$1|U|3|V|5|6|7|1Y|8|@$D|1Z|E|20|O|P]|$D|21|E|22|O|P]|$D|23|E|24|O|P]]|9|@]|A|$]]|$1|W|3|X|5|6|7|25|8|@]|9|@]|A|$]]|$1|Y|3|-4|5|6|7|26|8|@]|9|@]|A|$]]]|Z|$10|$5|11|12|13|A|$14|15]]|16|$5|11|12|13|A|$14|17]]|18|$5|11|12|13|A|$14|19]]]]

Here's a heavy-weight solution that gets you indenting, plus all the HTML pretty-printing you don't necessarily want to care about while you're editing.

First, download <a href="http://tidy.sourceforge.net/#binaries" rel="nofollow">Tidy</a>. Make sure you add the binary to your path, so you can call it from any location.

Next, create a config file describing your favorite HTML flavor. Documentation is not great for Tidy, but here's an <a href="http://www.w3.org/People/Raggett/tidy/" rel="nofollow">overview</a>, and a list of <a href="http://tidy.sourceforge.net/docs/quickref.html" rel="nofollow">all the options</a>. Here's my config file:

<pre><code>bare: yes
break-before-br: no
clean: yes
drop-proprietary-attributes: yes
fix-uri: yes
indent-spaces: 4
indent: yes
logical-emphasis: yes
markup: yes
output-xhtml: yes
quiet: yes
quote-marks: yes
replace-color: yes
tab-size: 4
uppercase-tags: no
vertical-space: yes
word-2000: yes
wrap: 0
</code></pre>

Save this as <code>tidyrc_html.txt</code> in your <code>ftplugin</code> folder (under vimfiles).

One more file: add the following line to (or create) <code>html.vim</code>, also in <code>ftplugin</code>:

<pre><code>map &lt;leader&gt;tidy :%! tidy -config ~/vimfiles/ftplugin/tidyrc_html.txt &lt;CR&gt;
</code></pre>

To use it, just open an HTML file, and type <code>/tidy</code>. (That <code>/</code> is the <code>&lt;leader&gt;</code> key.)

There you go! Not a quick solution, by any means, but now you're a bit better equipped for editing those huge, messed-up HTML files.

blocks|key|1568747|text|您可以通过安装插件vim-autoformat自动集成tidy和html-beautify。在此之后，您可以通过一次击键来执行所安装的任何格式化程序。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1568748|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/vim-autoformat/vim-autoformat|1|http://tidy.sourceforge.net/|2|https://github.com/beautify-web/js-beautify^0|9|E|0|R|4|1|W|D|2|0^^$0|@$1|2|3|4|5|6|7|P|8|@]|9|@$A|Q|B|R|1|S]|$A|T|B|U|1|V]|$A|W|B|X|1|Y]]|C|$]]|$1|D|3|-4|5|6|7|Z|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]|L|$5|G|H|I|C|$J|M]]|N|$5|G|H|I|C|$J|O]]]]

You can integrate both <a href="http://tidy.sourceforge.net/" rel="nofollow noreferrer">tidy</a> and <a href="https://github.com/beautify-web/js-beautify" rel="nofollow noreferrer">html-beautify</a> automatically by installing the plugin <a href="https://github.com/vim-autoformat/vim-autoformat" rel="nofollow noreferrer">vim-autoformat</a>.
After that, you can execute whichever formatter is installed with a single keystroke.

How do I fix the indentation of his huge html files which was all messed up?

I tried the usual <a href="https://stackoverflow.com/questions/506075/how-do-i-fix-the-indentation-of-an-entire-file-in-vi"><code>"gg=G</code> command</a>, which is what I use to fix the indentation of code files. However, it didn't seem to work right on HTML files. It simply removed all the formatting.

I also tried setting <code>:filetype = xml</code>, to see if tricking it into thinking this was an XML file would help but it still didn't do it.

How do I tidy up an HTML file's indentation in VI?

Linux

MacOS

我如何修复他的巨大html文件的缩进，这都是乱七八糟的？我尝试了常用的，它是我用来修复代码文件缩进的工具。然而，它似乎在HTML文件上不能正常工作。它只是简单地删除了所有的格式。我还尝试了设置:filetype = xml，看看让它认为这是一个XML文件是否有帮助，但它仍然不起作用。

问如何在VI中整理HTML文件的缩进？
EN

回答 5

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在VI中整理HTML文件的缩进？EN

回答 5

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在VI中整理HTML文件的缩进？
EN