vimでHTMLの終了タグの直前にコメントを入れる - Webtech Walker
イケメンマークアップエンジニアがDreamwarverの拡張でつくってたのをvimでも書いてみました。 gist: 411828 - GitHub 下記のようなHTMLがあったときに、コメントを入れたいタグの中で実行するとそのタグの終了タグの直前にコメントを挿入します。 <div id="hoge"> ... </div> これに対して実行すると <div id="hoge"> ... <!-- /div#hoge --></div> こんな感じに。カーソル位置はテキストオブジェクトのタグ選択の選択範囲の中であればＯＫです。 フォーマットも let g:endtagcommentFormat = '<!-- /%tag_name%id%class -->' これをお好みで変更できる感じで。
Big Sky :: zen-coding for vim を pure vimscript だけで書いてみた。
私も結構長くvimを使ってきましたが、実はsnippet系やsorround系のプラグインは殆ど使っていません。理由は入力の規則が多様すぎて覚えられないのと、それくらい手で入力出来るんじゃないか...と思っていたのが理由でもあります。 sorround.vimなんかは何度か常用をチャレンジしてみましたが、結局諦めました。 先日、zen-codingを見つけ、「へー便利そうだなぁ」と思ったと同時にこのくらいならvimscript(pure vimscript)だけで書けるな...と思ったので書いてみました。 と言ってもEmacsへの移植なんかと同様に「Expand Abbreviation」だけです。 正直言うとzen-codingのプロジェクトページにvimがラインナップされていなかったのがキッカケだったりもしますが...。ただ、後から知ったのですがsnipMateという物でzen-cod
Vim の Sparkup プラグインで HTML タグを Zen Coding 風に簡単入力 : Serendip – Webデザイン・プログラミング
Vim プラグインの Sparkup (rstacruz’s sparkup at master – GitHub) で、CSS セレクタ風の記述から HTML タグ文字列を入力することができる。（zen-coding 風の入力） プラグインのインストールは上記サイトからダウンロードしたファイル内の vim/ftplugin/ 内のファイルを ~/.vim/ftplugin/ にコピーする。 プラグインの実行には python2.5 以上が必要。 <c-e> を押すことで、タグキーワード（div, h1, img, meta 等）から開始タグ・終了タグ・各種属性を自動で入力できる。 <c-n> を押すことでカーソルを次の入力位置に移動できる。 CSS 風のセレクタ表記を使ったショートカット文字列から HTML タグ文字列に展開される。 タグ単体の入力 タグキーワードを入力して <c-e>
Web開発周りのVimの設定
HTML/CSS/JavaScriptを書くために行ったVimの設定やインストールしたスクリプト等をざっとまとめてみた。「VimでWeb開発を100倍効率的にする方法」といったような生産性を上げるための設定の類ではない。 HTMLファイルを:makeで文法チェック tidy.vimが用意されているので、HTML Tidyをインストールし、.vimrcに以下のように書くだけで良い。 autocmd FileType html :compiler tidy autocmd FileType html :setlocal makeprg=tidy\ -raw\ -quiet\ -errors\ --gnu-emacs\ yes\ \"%\" tidy.vimのmakeprgでは日本語が化けるので-rawを追加する。 HTMLファイルのインデントをやり直す gg=G ノーマルモードではggでファイ
xml.vimでXMLとかHTMLとかの編集機能を強化する - 肉とビールとパンケーキ by @sotarok
こう、選択範囲を特定タグで囲んだりうまいことやってやりたいよとか、よくありますよねー。 xml.vim ってやつを使います。現在のバージョンは1.84でした。 xmledit - A filetype plugin to help edit XML, HTML, and SGML documents : vim online インストール インストールは $HOME/.vim/plugin にダウンロードするだけ。 % wget -O ~/.vim/plugin/xml.vim "http://www.vim.org/scripts/download_script.php?src_id=10362" 選択範囲をタグで囲む まぁとりあえずは、これがやりたかっただけ。 まず、 "vit" とかでタグ内の要素を選択とかしちゃう。 そしたら、"￥x"。タグ入力しろっていわれる*1。とりあえず、aと
vim で HTML文字実体参照の変換を行うスクリプト : Serendip – Webデザイン・プログラミング
選択範囲を数値文字参照に変換するスクリプト str2numchar.vim – 川o・-・）＜2nd life を参考にして HTML文字実体参照（& < > " => & < > "）の変換・逆変換をするvimスクリプトを作った。 スクリプトファイル str2htmlentity.vim を $HOME/.vim/plugin/ に配置して .vimrc に次の記述を加える。 vmap <silent> sx :Str2HtmlEntity<cr> vmap <silent> sr :Entity2HtmlString<cr> ビジュアルモードで範囲選択を行いキー sx を押すと "文字から文字実体参照へ" の変換が、 キー sr を押すと "文字実体参照から文字へ" の変換ができる。 GitHub のリポジトリに登録しました。 inotom/str2htm
Web屋のためのVim設定・Tipsまとめ 1/2 - ナレッジエース
Comments» 1. 本日のTwitter 2009-01-18 | memoMania - 2009-1-19 […] Web屋のためのVim設定・Tipsまとめ 1/2 - ナレッジエース http://blog.blueblack.net/item_340 # […] 2. ゲスト - 2009-1-19 (ただ、私の環境だとたまに、実行時にDOS窓が残ってブラウザを閉じるまでファイルが編集不能になる現象が発生します。なぜだろう。) firefoxの前にstartを入れるとどうでしょう？ 3. nase - 2009-1-19 ありがとうございます！動作確認できました。よけいなDOS窓が開かなくなって、いい感じです。本文も修正させてもらいました。 4. sasata299's blog - 2009-2-6 vim環境を晒してみる… いきなりですが、僕はvi派です。emacsは・
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
