텍스트 영역이나 텍스트 입력에서 다중 색상 텍스트 강조 표시를 얻을 수 있습니까?

텍스트 영역의 다색 텍스트 강조

질문:

다색 텍스트 강조가 가능합니까? 텍스트 영역 또는 텍스트 내에서 달성 입력?

배경:

사용자가 텍스트 입력 내에서 입력할 때 키워드에 구문 강조 표시가 필요합니다. 이 구현에는 CSS, JavaScript 및 잠재적인 "픽시 더스트"의 조합이 필요하다는 점을 이해해야 합니다.

해결책:

안타깝게도 다른 것을 적용하는 것은 불가능합니다. 텍스트 영역 내의 텍스트에 색상을 적용하거나 CSS를 사용하여 텍스트를 입력합니다. 텍스트 속성에 적용된 모든 수정 사항은 요소 내의 전체 텍스트에 영향을 미칩니다.

그러나 편집 가능한 요소나 문서는 원하는 구문 강조 기능을 제공할 수 있습니다. 최신 브라우저와 호환되는 이 예에서는 contenteditable 속성을 사용하여 이를 달성하는 방법을 보여줍니다.

<br><code contenteditable="true"><br> <span style="color: blue">var</span> foo = <span style="color: green">"bar"</span>;<br></code><br>

위 내용은 텍스트 영역이나 텍스트 입력에서 다중 색상 텍스트 강조 표시를 얻을 수 있습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!