その場で略記を入力し、略記を展開する
前回紹介した方法は、予め略記を入力しておき、その略記を展開していました。「Zen Coding」プラグインでは、その場で略記を入力し、略記を展開することもできます。
1.カーソル位置の設定
略記は、現在カーソルがある位置に展開されます。展開した略記を挿入したい場所に、カーソル位置を設定します。
2.略記入力の表示
「編集」メニューを開き「Zen Coding」を選択し、「Expand dynamic abbreviation」をクリックします。「Ctrl + Alt + E」キーを押しても良いです。
3.略記の入力
以下のようにテキストボックスが表示されるので、略記を入力します。
ここでは例として、以下のように入力しました。
4.略記の展開と挿入
略記を入力したら、「エンター」キーを押します。以下のように略記が展開され、カーソルがある位置に挿入されます。
「ESC」キーを押すと、略記の展開をキャンセルすることができます。
略記の入力例
通常の略記と同じ略記が使用できるため、属性の指定なども可能です。上記の略記を展開すれば、以下のようになります。
