Vim で CSS の色をプレビューする Plugin

これまで css や html ファイルを編集中に、カラーコード(例:#ff00ff)を該当する色でハイライト表示する Vim プラグインを使っていたが、うっかり削除してしまった…
もう一度探そうとしても見つからず、代わりに見つけたプラグインが css_color.vim – CSS color preview : vim online

こちらのプラグインでは、カラーコードだけではなく色名(例:white)でもハイライトされる。
さらに256色表示ができるターミナルならば、ターミナル上の Vim でもハイライト表示できる。
ただし、ターミナルでは css、html ファイル編集時に Vim の起動が遅くなってしまった…

追記:ターミナルでの Vim の起動速度の問題は、1つ前のバージョン 0.6 を使えばよい。
ただし、ターミナルでのハイライト表示はできなくなる。

gvim でのスクリーンショット

ターミナルでのスクリーンショット

このプラグインのインストールは ~/.vim/after/syntax/css.vim のようにファイルを配置するだけ。

追記:rgb()/rgba() に対応した CSS color preview もあった。

コメント

最新(0.7)で入った256色への変換が遅くなる原因なので,一個前のバージョン(0.6)ならば256色表示できないかわりに起動は早くなりますよ.

コメント by tsukkee | 2009年7月19日 - 00:49

コメントありがとうございます。
バージョン0.6に入れ替えてみたら、起動速度は元の早さに戻りました。
0.7での変更はターミナルの256色表示のみのようなので、ターミナルでのハイライト表示にこだわらなければ0.6でもいいですね。

コメント by iNo | 2009年7月19日 - 18:10
Top