如何将Vim更新为颜色代码新的html元素

Question

我想知道如何设置vim来为新的html5元素（即“canvas”和“video”）着色，就像它与现有的“script”，“body “元素（或其他语言中的保留字，如python的”def“）等等。当前版本来自通常用于终端仿真器的MacPorts。

Answer 1

html.vim是Vim咨询确定哪些标签将被着色的语法文件。这个位置取决于您安装的Vim。在这个语法文件中，您会看到许多如下所示的行：

" new html 4.0 tags 
syn keyword htmlTagName contained abbr acronym bdo button col label 
syn keyword htmlTagName contained colgroup del fieldset iframe ins legend 
syn keyword htmlTagName contained object optgroup q s tbody tfoot thead 

这些行定义了语法关键字。在这种情况下，他们专门定义HTML标签名称。第一行告诉Vim颜色abbr,acronym,bdo,button,col和label标签。你可以告诉Vim颜色附加标签的语法如下：

" new html 5 tags 
syn keyword htmlTagName contained video canvas 

现在，Vim将颜色video和canvas标签和你添加任何额外的关键字。

但是，如果您更新内置的html.vim，它将在您下次更新Vim时被覆盖，因此最佳做法是将您的规则附加到这些内置的规则。为此，请在.vim文件夹中创建文件夹路径after/syntax，并在其中放置html.vim。

以下@ user240515提到的这个gist中有大量的HTML 5元素和参数。将这些内容粘贴到新创建的html.vim中。

咨询:help html.vim了解更多信息。

Answer 2

感谢这个问题，并感谢您接受的答案！这是新标签的完整列表添加对HTML 5，因为它们是在写作的时候定义：

" new html 5 tags 
syn keyword htmlTagName contained article aside audio canvas command datalist 
syn keyword htmlTagName contained details embed figcaption figure footer header 
syn keyword htmlTagName contained hgroup keygen mark meter nav output progress 
syn keyword htmlTagName contained rp rt ruby section source summary time video 

Answer 3

只要把以下文件在〜/ vim的/语法：

http://gist.github.com/390929

Answer 4

我只是要试试这个：

http://github.com/othree/html5.vim

似乎相当完整。

编辑：我没有看到任何关于缩进。 :(

EDIT [2012年12月23日]：我做的:)但也许就是后来补充说：https://github.com/othree/html5.vim/tree/master/indent

Answer 5

压痕可以使用类似于由michaelmichael用于扩展html.vim语法文件中描述的方法来支持。如果您的~/.vim/indent中没有html.vim，则可以使用here的内容创建它。内~/.vim/indent/html.vim，你会看到一个函数调用集组装，看起来像下面的HTML元素的名称列表：

" [-- <ELEMENT ? - - ...> --] 
call <SID>HtmlIndentPush('a') 
call <SID>HtmlIndentPush('abbr') 
call <SID>HtmlIndentPush('acronym') 
call <SID>HtmlIndentPush('address') 
" ...and many more... 

这些行定义将触发基本标签缩进标记。使用任何您希望触发缩进的HTML5标记扩展此列表。我添加了下面这个列表的末尾：

" New HTML 5 elements 
call<SID>HtmlIndentPush('table') 
call<SID>HtmlIndentPush('article') 
call<SID>HtmlIndentPush('aside') 
call<SID>HtmlIndentPush('audio') 
call<SID>HtmlIndentPush('canvas') 
call<SID>HtmlIndentPush('command') 
call<SID>HtmlIndentPush('datalist') 
call<SID>HtmlIndentPush('details') 
call<SID>HtmlIndentPush('embed') 
call<SID>HtmlIndentPush('figcaption') 
call<SID>HtmlIndentPush('figure') 
call<SID>HtmlIndentPush('footer') 
call<SID>HtmlIndentPush('header') 
call<SID>HtmlIndentPush('hgroup') 
call<SID>HtmlIndentPush('keygen') 
call<SID>HtmlIndentPush('mark') 
call<SID>HtmlIndentPush('meter') 
call<SID>HtmlIndentPush('nav') 
call<SID>HtmlIndentPush('output') 
call<SID>HtmlIndentPush('progress') 
call<SID>HtmlIndentPush('rp') 
call<SID>HtmlIndentPush('rt') 
call<SID>HtmlIndentPush('ruby') 
call<SID>HtmlIndentPush('section') 
call<SID>HtmlIndentPush('source') 
call<SID>HtmlIndentPush('summary') 
call<SID>HtmlIndentPush('time') 
call<SID>HtmlIndentPush('video') 

缩进现在来对上面列出的HTML5标签触发。

Answer 6

根据上面的建议，我添加了一个html5缩进文件到othree/html5.vim的分支。

见http://github.com/briangershon/html5.vim

Answer 7

的syntax/html.vim文件附带vim（8.0）是非常过时。保持语法高亮更新的好方法是使用一个维护良好的插件，例如vim-polygot，它保持更新。这是html.vim syntax支持，canvas，video, section和main（其他答案不支持），仅举几例。