如何通过VIM把代码格式化后生成HTML网页代码

时间:2022-06-02 02:44:55

本文转自http://wangxiaoyu.blog.51cto.com/922065/203471

需求及思路:演示需要,需要网站上嵌入一些代码,我的建议做法是根据代码文件,生成相应的HTML代码,然后通过HTML的框架结构嵌入到实际的页面中。
本节重点:通过VIM把打开的代码格式化后生成HTML页面代码。
操作:在用VIM打开filename.xxx后,在Normal模式下,输入“:TOhtml”,会自动生filename.xxx..html文件,然后我们可以通过w指令把它写到其它文件中。
保证可读性的其它操作:
为了使生成的网页文件在网页情况下显示更友好,如带行号,颜色更容易分辨等等,在生成html页面文件前我建议这样设定生成的格式。
Normal模式下执行下列指令:
其它你想执行的格式化命令
:set nu
:colorscheme koehler
:w colorscheme_koehler.html
图示:colorscheme_koehler.html
1 #!/bin/bash
 2 # wang_xiaoyu@qq.com
 3 # 第一行不是必须
 4 # . color.function 请运行前做这样的操作
 5 color() {
 6 COLOR_OK="\033[0;32;40m"
 7 # COLOR_OK="\033[0;34;40m"
 8 COLOR_RESET="\033[0m"
 9 USAGE="color \"strings\""
10 usage2="eg. color \"Usage: color \"strings\"\n\""
11 usage3="eg. color Reset\nThis is the way of reset CONSOLE! \n"
12 if [ $# -lt 1 ]; then
13 # echo "$USAGE" >&2
14         echo -e "Usage: $USAGE" >&2
15         echo "$usage2" >&2
16         (echo -en "${COLOR_OK}"; echo -ne "Usage: color \"strings\"\n"; echo -ne "${COLOR_RESET}") >&2
17         echo -en "$usage3" >&2
18         return 1
19 elif [ "$1" = "Reset" ]; then
20         echo -ne "${COLOR_RESET}"
21         echo "reset sucessfully! "
22         return 0
23 else
24         echo -ne "${COLOR_OK}"; echo -ne $@;echo -ne "${COLOR_RESET}"
25         return 0
26 fi
27 }
其它更高级的操作,我可能会在以后的文章中涉及到。