テキストエリア内の特定の単語をクリックして (クリックした場合) タグ範囲をその単語に追加する方法

Question

テキストエリア内の単語にラベルを付けたいのですが、ラベルが受け付けられません。ラベルを付けたい単語をクリックして、テキストエリア内のテキストにラベルを付ける方法はありますか? たとえば、spanタグ

ああああ

Answer 1

テキスト領域のテキストをダブルクリックすると、テキストが強調表示されます。スタイルを設定したいだけの場合は、CSS を使用します: ::selection

リーリー リーリー

textarea の代わりに

を使用します。
または＃＃＃ Textarea を DIV オーバーレイとして使用します - タグが強調表示されます

リーリー リーリー

上記は概念実証です。テキストのクローンを

.highliter DIV に作成し、必要なテキストの周囲に 要素の子要素を挿入するには JavaScript が必要です 選択 - そして、(必要に応じて) 基礎となる DIV がテキスト領域と同期してスクロールすることを確認します。

リーリー リーリー リーリー

クリックの選択は読者に任せます。