Ich möchte die Schriftfarbe in einem Textfeld ändern, während ich bestimmte Schlüsselwörter wie in Visual Studio eintippe.Wie kann ich verschiedene Schriftfarben in einem Textfeld verwenden?
Ich habe das nirgendwo gesehen, also weiß ich nicht, ob dies mit HTML und JavaScript möglich ist.
Hat jemand so etwas gesehen? Oder wissen, wie man es schreibt?
Sie müssten wahrscheinlich JavaScript auf dem Client ausführen, um zu erkennen, wenn sich der Text ändert, und dann den zu markierenden Text durch einige untergeordnete HTML-Elemente mit dem richtigen Stil ersetzen.
Zum Beispiel
Originaltext:
This is what the user typed.
Markiert Text
This is what the <a class="className">user</a> typed.
Textarea ist ein Standard-HTML-Element und so wurde erfunden, kurz nach dem Anbeginn der Zeit. Leider bedeutet dies, dass es in Aussehen und Funktionalität eingeschränkt ist.
Das Ändern der Farben von bestimmten Wörtern ist nicht möglich, soweit ich weiß. Eine Möglichkeit, dies zu umgehen, wäre ein eingebetteter iFrame in der Seite. Auf diese Weise können Sie den iFrame-Inhalt als eine andere Webseite behandeln und mit CSS formatieren.
Die Yahoo RTE, die FCKEditor und die Lightweight RTE funktioniert auf diese Weise.
Eine andere Option, die keinen iFrame verwendet, ist der hier verwendete Editor für Stack Overflow, der als WMD bekannt ist. Die Dateien sind here.
Es ist nicht möglich.
Weg zu gehen TextArea- der Schrift, aber nicht cursor, transparent mit color:#000;-webkit-text-fill-color:transparent, dann schaffen zugrunde liegt, 100% überlappende div zu dem Inhalt von textarea machen + formatiert auf oninput Ereignisse des Textbereiches kopiert werden.
Sie müssen einige Probleme beheben (oder vermeiden), die aus der Synchronisierung dieser beiden Elemente resultieren, wie zum Beispiel das Scrollen, aber es kann gemacht werden. Ich habe meinen eigenen HTML-Editor auf diese Weise erstellt.
AFAIK, CSS-Eigenschaft -webkit-Text-Fil-Farbe wird in Opera, Chrome unterstützt und sollte in Kürze veröffentlicht werden Firefox v.48.