[gelöst] Wort in Text markieren

Fragen zu Konfiguration und Bedienung des ioBroker.vis Adapter
Antworten
mikiline
professional
Beiträge: 248
Registriert: 09.05.2017, 12:57

[gelöst] Wort in Text markieren

Beitrag von mikiline » 14.07.2018, 11:42

Hi zusammen,

hat mir jemand bitte ein Beispiel wie ich ein bestimmtes Wort in bzw. aus einem HTML Text farblich ändern kann?
Ich möchte ein bestimmtes Wort aus dem ical rot darstellen.

Darstellung des ical erfolgt im Widget Basic-String (unescaped)

Danke für die Hilfe
Zuletzt geändert von mikiline am 15.07.2018, 08:33, insgesamt 1-mal geändert.

Benutzeravatar
Bluefox
Site Admin
Beiträge: 8052
Registriert: 13.07.2014, 14:42
Kontaktdaten:

Re: Wort in Text markieren

Beitrag von Bluefox » 14.07.2018, 22:54

Du erzeigst neue Variable und dann:

Code: Alles auswählen

const icalOtherID = 'myiCal';
const icalNormalID = 'ical.deine.echte.ID';
function colorize(html) {
	if (!html) return;
	html = html.replace(/bestimmtes Wort/g, '<span style="color: red">bestimmtes Wort</span>');
	setState(icalOtherID, html);
}

createState(icalOtherID, () => {
	on(icalNormalID, obj => colorize(obj.state.val));
	getState(icalNormalID, (err, state) => state && colorize(state.val));
});

mikiline
professional
Beiträge: 248
Registriert: 09.05.2017, 12:57

Re: Wort in Text markieren

Beitrag von mikiline » 15.07.2018, 08:22

Vielen Dank! Funktioniert :-)

pix
guru
Beiträge: 2680
Registriert: 04.11.2014, 17:49
Kontaktdaten:

Re: [gelöst] Wort in Text markieren

Beitrag von pix » 15.07.2018, 19:11

Hallo,

hab das mal so gelöst:

Suche searchStringPattern in beschreibung oder in titel

Code: Alles auswählen

let searchStringPatter = /TESTTEXT/gi;
// Position des Suchworts im Text markieren
if (searchStringPattern.test(titel) === true) titel = titel.replace(searchStringPattern,"<mark>$&</mark>");
if (searchStringPattern.test(beschreibung) === true) beschreibung = beschreibung.replace(searchStringPattern,"<mark>$&</mark>");                            
Bildschirmfoto 2018-07-15 um 20.15.03.jpg
TV Programm

Gruß
Pix
Mac mini (OS X 10.12.6, node v6.12.2, npm v4.6.1), Redis, InfluxDB, VIS via iOS; gesteuerte Systeme: Homematic CCU2, Homepilot, Roomba, Sonos, XEOMA auf Odroid XU4; Adapter: feiertage, tvspielfilm, rtv, solarwetter, tankerkoenig, homepilot, epson_stylus_px830

Antworten