[FRAGE] Text/Wort markieren und farbig markieren (Text Labeln)

[majo78]

Hallo zusammen,

ein wenig kenne ich mich mit JavaScript aus. Nun habe ich aber eine Herausforderung wo ich ein Tipp/Hinweis von Euch benötige.

Beispiel; ich habe einen langen Text: »Franz jagt im komplett verwahrlosten Taxi quer durch Bayern ...«

Nun möchte ich zum Beispiel "Franz" mit der Mouse markieren, farbig markieren und das hinter dem Wort "Name" hochgesetzt geschrieben wird. Das selbe mache ich dann zum Beispiel mit "Taxi" das den Wert "Fahrzeug" und eine andere Farbe erhält. Die Labels (Name, Fahrzeug) habe ich im Hintergrund entsprechend gespeichert, welche Farbe das jeweilige Label bzw. das ausgewählte Wort dazu erhält.

Somit habe ich dann, wenn ich mit dem Text durch bin das Ergebnis: »Franz'Name' jagt im komplett verwahrlosten Taxi'Fahrzeug' quer durch Bayern ...«
Ziel ist es bestimmte Wörter in einem Text zu labeln.

Nun habe ich im Netz nach möglichen Hilfen/Beispielen gesucht.

Mein erste Frage dazu; mit JavaScript müsste man doch sowas umsetzen können? Nach was könnte ich in diesem Kontext suchen um Beispiele zusehen, das ich das selber programmieren könnte?

Vielen Dank
Majo

 

[mikdoe]

Hi!

"js how to select text" wäre der eine Suchstring, z. B. hier: Selecting text in an element (akin to highlighting with your mouse)

Und das andere könnte man über "Spanner" <span> und entsprechende CSS-Klassen Zuweisungen lösen.

Sonst müsste ich bitten, die Fragen noch weiter zu konkretisieren und bisherigen Code zu zeigen.