WYSIWYG Editor の使い方

http://openwebware.com/

 

WYSIWYG Editorは、WEBブラウザ上でHTML文を簡単に書けるエディターです。内容はすぐに反映され、視覚的にデザインする事が可能です。

 

Dreamweaver等のHTMLエディターを使った事がある方は、視覚的に使えると思います。


■モードの切り替え

フォーム部分は、デフォルトでHTMLモード(デザインビュー)になっています。

赤枠の箇所をクリックすると、HTMLモードとTEXTモードが切り替わります。


■文字色変更

変更したい文字を選択して反転させ、上部の文字色変更アイコンをクリックします。別ウインドでカラー選択パレットが表示されますので、色を選択すると、文字色が変わります。


■画像のアップロード

赤枠のアイコンをクリックすると、画像挿入ウインドが表示されますので、画像のURLを入力して下さい。エディターへ画像が張り付きます。

 

今回使用させて頂いたWYSIWYG Editorは、まだ画像アップロード機能が実装されていませんでしたので、別に作りました。

β1.01でWYSIWYG Editorアドオンへ変更しました。


■その他

TABLEも使えますし文字を太くしたり等、様々な事がで来ます。全てを説明出来ませんが、色々と試行して下さい。