テキスト領域に多色のテキストを作成するにはどうすればよいですか?

テキスト領域での多色のテキストの実現

従来の textarea タグと input タグの制限の 1 つは、テキストをさまざまな色で表示できないことです。同じ要素内で。ただし、この制限は contenteditable 属性を使用することで克服できます。

contenteditable 属性の使用

contenteditable 属性を使用すると、div などの HTML 要素を次のように編集できるようになります。テキストエリア。この属性は、要素をテキスト編集面に効果的に変換します。 contenteditable 要素内では、色のカスタマイズを含む HTML 要素と CSS スタイルを自由に組み込むことができます。

実装例

テキスト領域で多色のテキストを実現するには、次のことができます。次のコードを使用します:

<div>
<p>この中で例:</p>
<ul>
<li>div 要素 ></li>
<li> div 内で、インライン CSS を使用してカスタム カラーを持つ 2 つのテキスト スパンを作成します ("span></li>
</ul>
<p><strong>制限事項</strong></p>contenteditable 属性は、同じブラウザ内のすべてのブラウザでサポートされているわけではないことに注意してください。さらに、親アプリケーションで使用されるテキスト エディタが contenteditable 要素のテキスト編集機能を妨げないようにすることが重要です。<p></p>
</div>

以上がテキスト領域に多色のテキストを作成するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。