ＨＴＭＬ文書作成支援

　ＶｉＶｉはＨＴＭＬ文書を作成することを容易にするために以下のような機能を実装しています。

■ ネットスケープ、ＩＥ３との連携

　ネットスケープまたはＩＥ３（Internet Explorer）が開いているローカルＨＴＭＬ 文書をワンタッチでＶｉＶｉでオープンすることができます。 メニューの 「ファイル」-「ネットスケープのファイルを開く」 または ネットスケープ の図のツールバーアイコン、または Shift＋Ｆ９ を選択すると、その時点で、ネットスケープでブラウズ しているローカルＨＴＭＬ文書があればそれをＶｉＶｉでオープンし、編集状態に入ります。 ＩＥの場合も同様に、メニューの 「ファイル」-「I.Explorer のファイルを開く」 または ｅ の図の ツールバーアイコン、または Alt＋Ｆ９ を選択します
　自分で作成したローカルＨＤＤにあるＨＴＭＬファイルをネットスケープ／ＩＥでブラウズしていると、 間違いをみつけたり、いいアイデアがひらめいた場合など、その文書を編集したくなります。そんな時 はこの コマンドを使うと非常に便利です。

┏━━━━━━━━━━━┓　　　　　　　　　　┏━━━━━━━━━━━┓
┃Ｖ　　　　　　　＿□×┃　　　　　　　　　　┃Ｎ／ｅ　　　　　＿□×┃
┠───────────┨　　　　　　　　　　┠───────────┨
┠──────────┬┨　　　　　　　　　　┠──────────┬┨
┃　　　　　　　　　　│┃　ネスケ・ＩＥの　　┃　　　　　　　　　　│┃
┃　　　　　　　　　　│┃　　ファイルを開く　┃　　　　　　　　　　│┃
┃　　　　　　　　　　│┃　　　　　　　　　　┃　　　　　　　　　　│┃
┃　　　　　←────┼╂──────────╂─────●　　　　│┃
┃　　　　　　　　　　│┃　　　　　　　　　　┃　　　　　　　　　　│┃
┃　　　　　　　　　　│┃　　　　　　　　　　┃　　　　　　　　　　│┃
┃　　　　　　　　　　│┃　　　　　　　　　　┃　　　　　　　　　　│┃
┠──────────┼┨　　　　　　　　　　┠──────────┼┨
┗━━━━━━━━━━┷┛　　　　　　　　　　┗━━━━━━━━━━┷┛

　逆に、ＶｉＶｉで編集しているＨＴＭＬ文書をネットスケープで表示して見たい場合は、 メニューの 「ファイル」-「ＨＴＭＬ文書をブラウザで表示」 または Ｎに文書の図のツールバーアイコン、 または Ctrl＋Ｆ９ で編集中の文書をブラウザで確認できます。
　[ブラウザで表示] コマンドを選択すると、文書が更新されながら保存されていない場合は文書保存を 行います。文書にファイル名が指定されていない場合は、ファイル保存ダイアログが表示されるので ファイル名を指定します。拡張子は必ず ".htm" または ".html" にして下さい。次にネットスケープが 起動され、文書がオープンされます。

┏━━━━━━━━━━━━┓　　　　　　　　　　┏━━━━━━━━━━━━┓
┃Ｖ　　　　　　　　＿□×┃　　　　　　　　　　┃Ｎ／ｅ　　　　　　＿□×┃
┠────────────┨　　　　　　　　　　┠────────────┨
┠───────────┬┨　　　　　　　　　　┠───────────┬┨
┃　　　　　　　　　　　│┃　ネスケ・ＩＥで　　┃　　　　　　　　　　　│┃
┃　　　　　　　　　　　│┃　　ブラウズする　　┃　　　　　　　　　　　│┃
┃　　　　　　　　　　　│┃　　　　　　　　　　┃　　　　　　　　　　　│┃
┃　　　　　●─────┼╂──────────╂─────→　　　　　│┃
┃　　　　　　　　　　　│┃　　　　　　　　　　┃　　　　　　　　　　　│┃
┃　　　　　　　　　　　│┃　　　ひらけ〜　　　┃　　　　　　　　　　　│┃
┃　　　　　　　　　　　│┃　　　　　　　　　　┃　　　　　　　　　　　│┃
┠───────────┼┨　　　　　　　　　　┠───────────┼┨
┗━━━━━━━━━━━┷┛　　　　　　　　　　┗━━━━━━━━━━━┷┛

　現在、ブラウザの起動にはシェル関数を使用しています。したがって、ＨＴＭＬ文書に ネットスケープ／ＩＥ以外が指定されている場合は、そのブラウザが起動されます。 また、ネットスケープをＨＴＭＬ文書に関連づけている場合、 既にネットスケープを開いていても新たにアプリケーションが起動されます （Internet Explorer 3.0 は新たなインスタンスを起動しないようです）。 この問題への対応は近日中に行う予定です。

■ ＨＴＭＬタグのカラー表示

　ドキュメントのファイル名の拡張子が ".htm" または ".html" の場合、ＨＴＭＬタグ；"<" から ">" までを通常の文字色とは異なる色で表示することができます。
　プロパティシートの "カラー" タブで "ＨＴＭＬタグ：" ボタンでカラーを設定します。
　タグ部分の色を変えると以下のようにＨＴＭＬ文書がとても見やすくなります。

    <a name="tag"></a>
    <h4><font color=darkblue>ＨＴＭＬタグのカラー表示</font></h4>
    <p>　ドキュメントのファイル名の拡張子が ".htm" または ".html" の場合、ＨＴＭＬタグ；
    "&lt;" から "&gt;" までを通常の文字色とは異なる色で表示することができます。<br>
    　プロパティシートの "カラー" タブで "ＨＴＭＬタグ：" ボタンでカラーを設定します。</p>
    <p><pre>

■ タグジャンプ機能

　「編集」-「タグジャンプ」 または Ｆ９ または行番号部分を左ボタンでダブルクリックすることによりタグジャンプを行います。 タグジャンプとはカーソルのある行に記述されている、ファイル名、行番号に飛ぶ機能ですが、ＨＴＭＬ文書の場合は行の最初の '<a href="ファイル名"' または '<frame src="ファイル名"' で指定ファイル名のドキュメントをオープンします。
　タグの文字の大文字小文字は区別しませんが、'a' と 'href' の間は半角スペースひとつのみとします （この仕様で都合の悪い方は筆者までメール下さい。善処しますから。）。

■ 文字変換能

　ＨＴＭＬ文書で "<", ">", "&", は、"&lt;", "&gt;", "&amp;" と記述しなければいけません。Ｃ／Ｃ＋＋のプログラムリスト等を張り込む場合、これらをいちいち 置換していたら大変です。 ＶｉＶｉでは 「編集」-「文字変換」-「< > & → &lt; &gt; &amp;」 または 「編集」-「文字変換」-「&lt; &gt; &amp; → < > &」 で簡単に相互に変換できます。
　変換したい文字列を選択し、上記のメニューを選びます。

■ 短文登録機能

　良く使うタグを短文登録しておきます。短文は Alt+０〜９ で呼び出せるので、 良く使う <br>, <ul>, </ul> とかを登録しておくとよいでしょう。
　登録はプロパティシートの "入力" タブで行います。

■ その他

　上記以外にもＶｉＶｉの機能を使うとＨＴＭＬ文書を楽々作成できます。

  • 「編集」-「入力」-「行末に文字入力」 を使うと複数行の最後に "<br>" をつけるのが簡単です。
  • "<li>" を行頭記号に登録しておくと、リターンだけで "<li>" が生成されます。
  • 罫線で図形を描くと、ＧＩＦに比べてファイルサイズがとても小さくなります （筆者の様にファイルサイズを気にする人向き）。