テキストエリア内のテキストがリッチテキスト エディターでどのようにスタイル設定されるか説明していただけますか? フォーム内のテキストのスタイルを設定しようとしましたが、変更されません。
ユーザーが入力した文字を認識するのはJSですか?それはどのように行われますか?
編集:
ちょっとした調査 (Google のルール!) の後、すばらしい情報を見つけました。興味があるかもしれない他の人のために、これらのリンクは私にとって非常に役に立ちました:
テキストエリア内のテキストがリッチテキスト エディターでどのようにスタイル設定されるか説明していただけますか? フォーム内のテキストのスタイルを設定しようとしましたが、変更されません。
ユーザーが入力した文字を認識するのはJSですか?それはどのように行われますか?
ちょっとした調査 (Google のルール!) の後、すばらしい情報を見つけました。興味があるかもしれない他の人のために、これらのリンクは私にとって非常に役に立ちました:
答えは、あなたが見ているのは通常、実際のものではないということだと思います<textarea>
。これは、テキスト領域のように見えるように作成され た<div>
またはです。通常の HTML テキストエリアには、テキストの個別の書式設定はありません。<span>
「リッチテキスト エディター」には、本格的なリッチ テキスト エディターをエミュレートするために、通常の html マークアップ ( 、 など) を使用<strong>
して span/div のコンテンツを変更するコントロールがあります。<em>
HTMLをユーザーに送信するtextarea
ときですが、エディターはHTMLを開始できるときに置き換えましたdiv
。
このようにして、コードは適切に劣化します。サポートされていないWebブラウザーまたはJavaScriptが無効になってtextarea
いるユーザーは、他のすべてのユーザーが優れたリッチテキストエディターを使用している間もテキストを編集できます。
基本的に、TEXTAREA コンテンツは IFRAME の HTML ソースとして使用されます。
通常、リッチ テキスト エディターは、スタイル シートを指定するための変数を提供します。そのスタイル シートが読み込まれ、テキスト領域に適用されます (すべてではないにしても、ほとんどのリッチ テキスト エディターは IFRAME を使用してエディターを表示します。メイン ドキュメントで指定されたスタイルは適用されません)。