オンラインでHTMLを編集、リアルタイムにプレビューできる「HTML Instant」

2010-10-21 | Sigeo | 0 | カテゴリ WEBツール・サービス

Dreamweaverなどの専用ソフトがあれば事足りますが、そういった環境がない場合に、HTMLソースの出来栄えを確認したいことだってありますよね。

今回はそんなとき、オンラインでHTML編集でき、かつリアルタイムにプレビューできるエディタをご紹介します。

「HTML Instant 」は、HTMLタグを記述すると、その場でリアルタイムにプレビューを表示するオンラインHTMLエディタ。

リッチテキストエディタにもなっているので、タイピングすることなくHTMLタグを挿入したり、画像を掲載（URL指定）することもできます。

リアルタイムプレビュー
↑画面左側にHTMLソースを書きこむと、右側へリアルタイムにデザインが反映されます。

「HTML Editor」ボタン

HTMLタグ挿入ボタン

↑編集部分下部にある「HTML Editor」ボタンを押すと、編集部分上部にHTMLタグ挿入のボタンが表示されます。たとえばPタグを挿入するときは、段落のテキストを選択してボタンを押せば、選択部分がPタグで囲まれます。

↑また、画像の挿入も画像URLの指定で可能になっています。

興味のある方はHTML Instant へどうぞ。

私が初めてHTMLをいじったときは、Dreamweaverやホームページビルダーのような編集ソフトも持っていなかったので、テキストエディタでうんうん唸りながら覚えていったものですｗ

そのとき、こんなツールがあったら相当便利だったでしょうね。

効率的なサイト制作のためのDreamweaverの教科書: 価格：￥ 2,604; 平均評価：5.0; 納期：在庫あり。; Amazon で詳細を見る by iPhoneで会社を活性化

スポンサードリンク

リアルタイムでデザインを確認できる、オンラインHTMLエディター。