Zen Coding for textareaのデモ

Zen Coding for <textarea>プラグインのデモページです。

次のテキストエリアに「div」と入力し、「CTRLキー」を押しながら「Eキー」を押して見て下さい(※Windowsの場合)。

これがhttp://code.google.com/p/zen-coding/downloads/listとかで色々なエディタ用のプラグインとして配布されています。すごい!‥けど、DreamWeaverCS3版は無い‥?(´・ω;`)

空のsectionタグを5発打ちたければ入力するコードは「section*55個のアイテムを持ち、idが「nav」のリストを入力するなら「ul#nav>li*5」。

色々一度に入力したければ、例えば
html:4t>div#wrapper>(div#header>h1)+(ul#nav>li*4>a)+(div#contents>div#main+div#sub)+div#footer」など。

“Powered by Zen Coding” アイコンをクリックするとショートカット(MAC用?)が表示されます。

zen_textarea.jsを読み込むだけで、ご自身のウェブページで使用出来ます。
このプラグインにはTABキーや自動改行の処理(?)に関するオプションとかがあるようです。それらについては上記のリンク先からZipファイルをダウンロードして参照してご確認下さい。当ページで使用したのと同じスクリプトのダウンロードは以下リンクから可能です。(・ω・)ノ

Zen Coding for <textarea>