WZ Markdown Editor
コマンド一覧

WZ soft > WZ Markdown Editor > コマンド一覧 >

HTML編集機能

HTMLタグのダイアログからの選択挿入、タグのプロパティのダイアログ編集、CSSプロパティの挿入と編集、Zen-Coding(Emmet)互換機能によるタグの省略記法に対応しています。
タグを表示上で消去してテキストの文章のみの表示も可能です。

HTML専用のキー操作

HTMLファイルを開くと、専用のキー操作が有効となります。

CSSスタイルシート編集

CSSスタイルシートのプロパティをダイアログで編集できます。
HTMLファイルに加えてテキストファイルのCSSプロパティにも対応しています。ブラウザの独自拡張のプロパティには対応しておりません。
プロパテイをダイアログで編集するには、下記の操作をおこないます。

  1. スタイルシートの指定箇所へ移動
  2. Alt+Enterキーを押して、ダイアログを表示
  3. ダイアログで、各プロパティを設定してOK

操作の例

CSSの各プロパティの設定

CSSのそれぞれのプロパティを設定できます。

  1. プロパティ指定(例)「background-color」に移動
  2. Alt+Enterキーを押して、プロパティの設定ダイアログを表示

CSSスタイルの新規入力

新しくスタイルを入力するには、下記の操作をおこないます。

  1. h1 {} や style=""を入力
  2. {または}または"にカーソルを移動
  3. Alt+Enterキーを押してダイアログを表示
  4. ダイアログで各プロパティを設定してOK

改行区切りのプロパティ指定

CSSプロパテイのダイアログ編集は、下記のような複数の行にまたがるプロパティの指定にも対応しています。

h1 {
	background-color:#004080;
	color:#FFFFFF;
}

プロパティの先頭と末尾のコメントは保存されます。その他のコメントは削除されます。

h1 {// 保存されるコメント
	background-color:#004080;// 削除されるコメント
	color:#FFFFFF;
}

HTML補完入力

HTMLファイルで補完入力をONにすると、HTMLタグとCSSアトリビュートの補完入力が有効となります。
補完入力のON/OFFを切り替えるには、「補完入力モード」を実行します。
補完入力をONにすると、ステータスバーの左側に[R]と表示します。

imgタグの表示切替

タグの表示OFFの場合のimgタグの表示を切り替えます。
「img」または「画像のファイル名」の表示を切り替えます。

Zen-coding/Emmet

タグまたはCSSプロパティの展開

カーソル位置の省略記法を展開します。
デフォルトでタグの展開を実行します。スタイル定義部分で実行すると、CSSプロパティを展開します。

タグの展開

入力ダイアログを表示します。
省略記法を入力すると、リアルタイムでタグの展開結果をテキストに挿入します。
テキストを選択してから実行すると、選択範囲をタグで囲みます。
「li*」のように入力すると各行を

  • で括ります。

    CSSプロパティの展開

    入力ダイアログを表示します。
    省略記法を入力すると、リアルタイムでCSSプロパティの展開結果をテキストに挿入します。

    コメントの切り替え

    カーソル行の段落にHTMLのコメントがある場合は、コメントを外します。
    コメントがない場合は、段落全体をコメントにします。

    タグの削除

    カーソル位置のタグを削除します。対応する開始タグと終了タグを削除します。
    インデントの位置を自動で調整します。

    タグの更新

    カーソル位置のタグの要素名の変更や属性の追加をおこなうダイアログを表示します。

    領域の選択

    カーソル位置のタグで囲まれた範囲の文字列を選択します。
    再度実行すると、タグを含めて選択します。
    再度実行すると、タグのネストレベル単位で選択範囲を拡大します。
    最大ネストレベルまでを選択してから実行すると、選択範囲を縮小していきます。

    前方向のタグや属性の選択

    テキストの前方にタグを検索して、エレメントや属性や内容を順に選択します。
    属性の書き換えや削除に活用できます。

    後方向のタグや属性の選択

    テキストの後方にタグを検索して、エレメントや属性や内容を順に選択します。
    属性の書き換えや削除に活用できます。

    開始タグと終了タグのジャンプ

    カーソルが開始タグにあるときは終了タグにジャンプします。
    カーソルが終了タグにあるときは開始タグにジャンプします。

    次の編集ポイントへの移動

    カーソルを要素や属性が空の、後ろ方向の入力ポイントへ移動します。

    前の編集ポイントへの移動

    カーソルを要素や属性が空の、前方向の入力ポイントへ移動します。

    選択範囲を1行に変換

    選択した範囲内の改行やインデントを削除して1行にまとめます。

    開始終了タグと単独タグの変換

    XMLの開始タグと終了タグのペアを単独タグに変換します。
    カーソル位置が単独タグの場合は、開始タグと終了タグのペアに変換します。

    CSSの値の反映

    カーソル位置のCSSプロパテイの値を、他のベンダープリフィックスの同一のプロパティに反映します。

    四則演算

    カーソル位置の手前の式を計算して結果に置き換えます。

    数値を1増やす

    カーソル位置の数値を1増やします。

    数値を10増やす

    カーソル位置の数値を10増やします。

    数値を0.1増やす

    カーソル位置の数値を0.1増やします。

    数値を1減らす

    カーソル位置の数値を1減らします。

    数値を10減らす

    カーソル位置の数値を10減らします。

    数値を0.1減らす

    カーソル位置の数値を0.1減らします。

    PageTop