HTML + JS：テキストエリアのコンテンツのスタイルを設定する最適な方法

Question

HTML textarea要素のコンテンツのスタイルを設定する最適な方法は何ですか？私の目標は、textareaのテキストを赤色にすることです（<span style="color: red">My text part</span>）。しかし、このようにしてtextareaには、自分のHTMLコード<span> ... </span>を含むすべてが表示されます。私が試した

次の事は、赤スタイル付きテキストとHTMLコードなしで正しく表示私の希望コード幅<span> ... </span>コードになりますここで私textareaでdivをオーバーレイすることです。ユーザーはtextareaの値を編集し、divに表示します。しかし、この方法はあまりにも汚いようです。あなたのアドバイスは何ですか？

Answer 1

テキストエリア内のテキストのスタイル設定はできません。thisを確認できます。 TinyMCEのようなプラグインを使用すると、テキストエリアの代わりにテキストエディタが表示されます。そこにテキストに必要なスタイルを入れることができます。