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

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

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

オンラインHTMLエディタ

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

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

スポンサードリンク

リアルタイムにプレビューできるオンラインHTMLエディタ「HTML Instant」

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

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

リアルタイムにHTMLソースをプレビュー

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

リッチテキストエディタでサクサクHTMLタグ挿入

HTMLエディター

「HTML Editor」ボタン

RTE

HTMLタグ挿入ボタン

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

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

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

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

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

Via:delicious

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

この記事を読んだ方は以下の記事もご覧いただいています

  • このエントリーをはてなブックマークに追加

コメントする