Heim > Web-Frontend > CSS-Tutorial > Kann eine mehrfarbige Texthervorhebung in einem Textbereich oder bei der Texteingabe erreicht werden?

Kann eine mehrfarbige Texthervorhebung in einem Textbereich oder bei der Texteingabe erreicht werden?

DDD
Freigeben: 2024-11-01 12:19:29
Original
483 Leute haben es durchsucht

Can Multicolor Text Highlighting Be Achieved in a Text Area or Text Input?

Mehrfarbige Texthervorhebung in einem Textbereich

Frage:

Kann mehrfarbige Texthervorhebung sein? innerhalb eines Textbereichs oder einer Texteingabe erreicht?

Hintergrund:

Syntaxhervorhebung ist für Schlüsselwörter erwünscht, wenn ein Benutzer innerhalb einer Texteingabe etwas eingibt. Man versteht, dass diese Implementierung eine Kombination aus CSS, JavaScript und potenziellem „Feenstaub“ erfordert.

Lösung:

Leider ist es nicht möglich, andere anzuwenden Farben für Text innerhalb eines Textbereichs oder Texteingabe mithilfe von CSS. Alle an der Texteigenschaft vorgenommenen Änderungen wirken sich auf den gesamten Text innerhalb des Elements aus.

Ein bearbeitbares Element oder Dokument kann jedoch die gewünschte Funktionalität zur Syntaxhervorhebung bereitstellen. Dieses Beispiel, das mit aktuellen Browsern kompatibel ist, veranschaulicht, wie dies mithilfe des contenteditable-Attributs erreicht wird:


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

Das obige ist der detaillierte Inhalt vonKann eine mehrfarbige Texthervorhebung in einem Textbereich oder bei der Texteingabe erreicht werden?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage