用vim读html源码

 

网上的html源码一般都比较乱，结构也不够清晰，可读性较差。本文对html源码格式进行调整，并利用vim的折叠功能，使得html源码读起来方便不少。

1. 使用工具tabifier调整源码格式，http://tools.arantius.com/tabifier 。不过tabifier无法识别某些字符，如英语音标，好在中文是没问题的。找了一些其他的源码调整的工具（html tidy,html code export），都不支持中文。
2. 设置vim折叠语句

3. 将下面内容写到文件myfoldseting.vim中，用vim打开一个html文件后，执行":so myfoldseting.vim"。

   "syn region myFold start="<head" end="/head>" transparent fold syn region myFold start="<html" end="/html>" transparent fold keepend extend containedin=ALLBUT,htmlComment syn region myFold start="<head" end="/head>" transparent fold keepend extend containedin=ALLBUT,htmlComment syn region myFold start="<body" end="/body>" transparent fold keepend extend containedin=ALLBUT,htmlComment syn region myFold start="<div" end="/div>" transparent fold keepend extend containedin=ALLBUT,htmlComment syn region myFold start="<script" end="/script>" transparent fold keepend extend containedin=ALLBUT,htmlComment syn region myFold start="<style" end="/style>" transparent fold keepend extend containedin=ALLBUT,htmlComment syn region myFold start="<object" end="/object>" transparent fold keepend extend containedin=ALLBUT,htmlComment syn region myFold start="<!--" end="-->" transparent fold keepend extend containedin=ALLBUT,htmlComment syn region myFold start="{" end="}" transparent fold keepend extend containedin=ALLBUT,htmlComment syn sync fromstart set foldmethod=syntax set foldcolumn=10