HTML タグ エディタを使用する
WebSnap を用いた Web アプリケーションの開発 への移動
HTML ファイルを作成または編集する場合、フォーム デザイナの下の タグ エディタ ウィンドウを使用して、HTML タグを編集できます。HTML フォームを使用している場合、表示 > タグ エディタ を選択すると、[タグ エディタ] をデザイナに表示できます。
タグ エディタ を使用すると、[デザイン] ウィンドウの上部に対応するコントロールが表示され、HTML タグの確認および変更ができます。タグ エディタ では、コード エディタ と同様の コード補完、エラー インサイト、および ライブ テンプレート補完 機能を使用できます。これらの各機能の詳細については、このトピックの最後のリンクを参照してください。
タグ エディタ では、1 度に 1 つのタグが対象です。ただしドキュメント オブジェクトを選択しているか、タグを縮小している場合を除きます（ドキュメント オブジェクトを選択している場合、[オブジェクト インスペクタ] に "DOCUMENT" が表示される）。
[ズーム アウト]（左矢印）または [ズーム イン]（右矢印）では、親のタグの表示と、選択した子のタグの表示を切り替えできます。ズーム機能は、タグに固有にではなく、ドキュメント自体のマークアップでも有効です。たとえば、カーソルが HTML マークアップのタグの上にあるときに、[ズーム アウト] を使用すると、外側のタグ、またはカーソルが置かれている属性の 1 つ上のレベルに移動します。
標準の HTML スタイル規則の検証は、自動的に行われます。検証でエラーがあると、デザイン で不正な要素が赤で強調表示され、タグ エディタ に エラー インサイト が表示されて、問題の修正を支援します。
個々のコントロールの HTML コードを表示するには：
- [デザイン] を表示して、HTML 要素を ツール パレット から [デザイン] にドラッグします。タグ エディタ に HTML コードが表示されます。
- 個々のコントロールのコードを表示するには、[デザイン] のコントロール以外の場所をクリックして、コントロールの選択を解除します。[タグ エディタ] ウィンドウに、HTML コードが構文を強調表示して表示されます。[タグ エディタ] のグレーのヘッダーに、上位レベルのタグ（通常、この Web フォームを定義する FORM タグ）が表示されます。
メモ： コントロールが数行の HTML コードで定義されている場合、コントロールを選択すると、コードの最初の行がタグ エディタのグレーのヘッダーに表示されます。残りのコードは、下の [タグ エディタ] ウィンドウに表示されます。
すべてのコントロールの HTML コードを表示するには：
- [デザイン] を表示して、いくつかの HTML 要素を ツール パレット から [デザイン] にドラッグします。[タグ エディタ] は、[デザイン] にドロップした各要素の HTML コードを表示します。
- [デザイン] のコントロール以外の場所をクリックして、すべてのコントロールの選択を解除します。これによって、[タグ エディタ] にすべてのコントロールのコードが構文を強調表示して表示されます。
コントロールを変更するには：
- [デザイン] のコントロール以外の場所をクリックして、すべてのコントロールの選択を解除します。
- 変更するコントロールに対応するタグを見つけます。
- コードを変更すると、変更がただちに [デザイン] 上のコントロールに反映されます。
- プロジェクトを保存して、変更内容を格納します。
エディタ プロパティを変更するには：
- ツール > オプション... > HTML オプション を選択します。
- コード エディタのプロパティを変更します。
- OK をクリックします。変更がただちに反映されます。
フォームとフォーム コンテナの間をズーム インやズーム アウトするには：
- HTML フォーム定義を表示するようにズームするには、[タグ エディタ] のグレーのヘッダーにある青い左矢印（[ズーム アウト]）をクリックします。
メモ： この機能は、カーソルが [デザイン] ではなく [タグ エディタ] 内にある場合のみ使用できます。
- FORM タグ内にある内容のみを表示するようにズームするには、[タグ エディタ] のグレーのヘッダーにある青い右矢印（[ズーム イン]）をクリックします。
メモ： この機能は、カーソルが [デザイン] ではなく [タグ エディタ] 内にある場合のみ使用できます。
タグ エディタを閉じるには：
- ツール > オプション... > HTML オプション を選択します。
- タグ エディタの表示 オプションをオフにします。
- OK をクリックします。