해당 단어를 클릭하여 텍스트 영역의 특정 단어에 태그 범위를 추가하는 방법(클릭한 경우)

Question

텍스트 영역의 단어에 라벨을 추가하려고 할 때 라벨이 허용되지 않습니다. 레이블을 지정하려는 단어를 클릭하여 텍스트 영역의 텍스트에 레이블을 지정할 수 있는 방법이 있습니까? 예를 들어 스팬 태그

<label>
  <textarea class="string-example" name="textarea3" id="textarea3" cols="122" rows="17">Lorem ipsum dolor sit amet...</textarea>
</label>

Answer 1

텍스트 영역에서 텍스트를 두 번 클릭하면 텍스트가 강조 표시됩니다. 스타일만 지정하고 싶다면 CSS를 사용하세요. ::selection

으아악 으아악

텍스트 영역 대신

를 사용하거나
또는
Textarea를 DIV 오버레이로 사용하세요. 강조 표시된 마크업이 적용됩니다

으아악 으아악

위는 개념 증명입니다. 텍스트를 .highliter DIV 中，插入 元素子元素围绕所需的文本选择에 복제하려면 JavaScript가 필요하며 (필요한 경우) 기본 DIV가 텍스트 영역과 동기화되도록 스크롤됩니다.

으아악 으아악 으아악

클릭 선택은 독자에게 맡기겠습니다.