Zencoding - MoonWing

Zen Coding for Sakura Editorのマクロ設定

2012年12月7日 3:43 PM
HTML | Web | Zencoding | サクラエディタ

設定方法
1. ZenCodingForSakuraEditor.zipをダウンロードし、解凍します。
2. ZenCoding.jsをサクラエディタのマクロフォルダに設置します。
  （例ではサクラエディタのインストールフォルダ内に”macro”というフォルダを作り、そこへコピーしています。）
3. [設定(O)]->[共通設定(C)...]->タブ[マクロ]を開きます。（Ctrl+6 でも開けます。）
4. [参照]を押下し、マクロフォルダの設定します。
  [File]のドロップダウンリストからマクロファイル「ZenCodeing.js」の読み込みます。
  [名前]にマクロ名「ZenCoding」を入力し、[設定]を押下します。
5. 設定が反映されると、マクロ一覧に設定したマクロ「ZenCoding」が表示されます。
6. タブ[キー割り当て]を開き、[種別(K)]で「外部マクロ」を選択します。
  [機能(F)]に「ZenCoding」が表示されますので選択します。
  他のソフトウェアでは[Ctrl]+[E]が実行キーなのですが、サクラエディタではすでに他の機能が割り当てられていますので[Alt]+[Z]を割り当てます。
  [Alt]のチェックボックスにチェックを入れ、[キー(Y)]から「Alt+Z」を選択し、[割付(B)]を押下します。
7. 設定が反映されると、[機能が割り当てられているキー(G)]に設定したショートカットキー「Alt+Z」が表示されます。
  [OK]を押下して、設定を完了します。
使い方
1. これで使う準備ができましたので、早速動作確認をしてみましょう。
  エディタに”html:4s>div>ul>li*3>a”と入力してみましょう。
2. 入力が完了したら、先ほど設定した[Alt]+[Z]キーを押下してみてください。
  HTML文が展開されれば成功です。
関連

Zen Codingについては下記の書籍に利用方法が説明されています。

HTML+CSSコーディングが10倍速くなるZen Coding 　こもり　まさあき
	発売：インプレスジャパン発売日：2010-11-26
Powered by AmazonLink 2.0.0 beta4.

コメント: 0
トラックバック: 0

[ZCFS]ZenCoding for SakuraEditor Ver 0.1.1

ZenCoding for SakuraEditor を更新しました。

更新内容

Zen-Coding for SakuraEditor Plus ver 1.0.1を取り込み
- “html:5″の展開コードを修正
サクラエディタのマクロ命令の表記を統一
CSS展開機能の動作条件を変更

Download（Zen.Coding-SakuraEditor.v0.1.1.zip）

Zen-Coding for SakuraEditor Plus ver 1.0.1はZenCoding for SakuraEditor Ver 0.0.6に隠居小屋さまが機能追加および修正を行っていただいたものです。

コメント: 0
トラックバック: 0

[ZCFS]ZenCoding for SakuraEditor Ver 0.1.0

ZenCoding for SakuraEditor を更新しました。

更新内容

Zen-Coding for SakuraEditor Plus ver 1.0.0を取り込み
- 行頭に半角空白やタブがある場合(字下げした状態)でも動作するようにした
- 文字列を選択している状態で実行すると、Wrap機能を使用するようにした
- 挿入する改行コードをサクラエディタの設定から取得するようにした
展開機能実行時に一文字分ずれて展開される不具合を修正

Download（Zen.Coding-SakuraEditor.v0.1.0.zip）

Zen-Coding for SakuraEditor Plus ver 1.0.0はZenCoding for SakuraEditor Ver 0.0.6に隠居小屋さまが機能追加および修正を行っていただいたものです。
近日中にZenCoding for SakuraEditor Ver 1.0.1の取り込みを行います。