Loading article…
オンラインのリッチテキストエディタは、 Webブラウザ内でリッチテキストを編集するためのインターフェースであり、ユーザーに「見たまま編集」 （WYSIWYG）編集領域を提供します。その目的は、ユーザーが書式設定を有効なHTMLマークアップとして直接表現しようとする際の労力を軽減することです。
初期のブラウザはリッチテキストを表示できたものの、ユーザーデータの入力は単一のフォントとスタイル（HTML要素で実装）のテキストボックスに限られていました。Internet Explorerは、書式設定されたドキュメントの一部をユーザーがカーソルを使って編集できるようにする特別な「designMode」を初めて追加しました。Mozillaもバージョン1.3でこれに追随し[ 1 ]、現在ではほとんどの主要ブラウザが何らかの形でこの非公式な標準を実装しています[ 2 ] 。<textarea>
オンラインのリッチテキストエディタを実装するために必要な技術的能力は、HTML4のW3C仕様には含まれていませんでした。それにもかかわらず、GmailやWordPressなどの人気サービスは、メインのユーザー インターフェイスとしてリッチテキスト編集に依存してきました。HTML5 では、 Internet Explorer の元の拡張機能に似た「contentEditable」と呼ばれる DOM プロパティに関して、ある程度の標準化が行われました。[ 3 ]多くのオンライン オフィス スイートは、オンラインのテキスト編集および書式設定機能を提供する傾向があります。
オンラインのリッチテキストエディタの大部分は、コンテンツ領域にiframe要素を使用しています。この方法により、エディタ内のコンテンツは別のドキュメントとして扱われるため、ページの他の部分とは分離されます。この分離の利点は、エディタをサイト上のどこでも（例えば、管理画面など）使用できる一方で、コンテンツが公開された際（例えば、公開エリアなど）にユーザーが期待するコンテンツスタイルを維持できることです。
一部のエディタは、コンテンツ領域にdiv要素を使用します。この方法では、エディタのコンテンツはページ全体のスタイルを継承します。これは、コンテンツが同じドキュメント内にあるためです。この方法は主に、ユーザーがページ全体のレイアウトを維持したままコンテンツを「その場で」編集する必要がある場合に使用されます。このような「その場で」編集するエディタの例としては、DotNetNuke CMSが挙げられます。
インラインエディタは、属性を使用してコンテンツを別の要素内に配置することなく直接編集できる点で、通常のエディタとは異なります`contenteditable`。これらのエディタには、Aloha Editor、CKEditor、SnapEditor、TinyMCE などがあります。[ 4 ]スタイル競合を避けるためにを使用するエディタには、CKEditor、Dijit Editor、TinyMCEなどがあります。<iframe>