エディタ上のHTMLの構造をツリー表示することで直感的にソース構造をユーザーに示す
機能です。単一階層表示と全階層表示の2種類があります。
構成要素が視覚的にわかりやすく確認することが出来ます。
フィルター切り替えボタンをクリックすることで、アウトライン内の階層表示の形式を切り替えることが可能です。
●すべてのタグの表示
●IDが割り振られたタグの一覧表示
●イベントが割り振られたタグの一覧表示
※HTMLイベントについては現在開発中の機能にて利用予定となっています。
レイアウト切り替えボタンをクリックすることで、アウトライン内の階層表示を切り替えることが可能です。
●全階層表示
●単一階層表示
●HTMLアウトラインビュー上で選択されたタグと対応するエディタ上のHTMLタグの先頭位置にカーソルが移動します。これにより、複雑で深い階層のHTMLタグを簡単に見つけ出すことができます。
| ・アウトライン上 | ・エディター上 |
 |
 |
アウトライン上のBODYタグを選択します。 |
エディター上のBODYタグの先頭位置にカーソルが移動します。 |
●さらに、エディタ上でHTMLタグにカーソルを移動させると、HTMLアウトラインビュー上の該当するタグを選択させることもできます。
| ・エディター上 | ・アウトライン上 |
 |
 |
エディター上のIMGタグにカーソル位置を合わせます。 |
アウトライン上のIMGタグが選択されます。 |
●アウトラインに指定したタグを表示するための設定が出来ます。
これにより、あまり意味を持たないタグを表示させないことでアウトラインをより見やすく表示することが可能です。
例）BRタグを表示させないようにする場合
・メニュバー>ウィンドウ>設定を選択します。
・koebi>HTML>HTMLアウトラインビューを選択し、「アウトライン表示対象タグ」の
BRタグのチェックボックスのチェックを外し、「OK」を選択します。
・アウトラインへの表示はされなくなります。
