Seitentext mit Mark.js hervorheben #JavaScript

Dieser Artikel stellt vor, wie man bestimmte Textzeichenfolgen auf einer Seite mit der JavaScript-Bibliothek Mark.js hervorhebt und einfärbt.

Mit der JavaScript-Bibliothek mark.js können Sie Textzeichenfolgen einfach hervorheben.

function dynamicallyLoadScript(url) {
    var script = document.createElement("script");
    script.src = url;
    document.head.appendChild(script);
}

// Bibliothek laden
dynamicallyLoadScript('https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/jquery.mark.es6.min.js')

Mark(document.body).mark("a") // => Die Zeichenfolge "a" hervorheben.

Zuerst versuchte ich, es wie document.body.innerHTML = document.body.innerHTML.replace… zu machen, aber dies zu tun würde das Layout zerstören.

Mark.js zerstört es jedoch irgendwie nicht. Es ist zu gut.

Natürlich können Sie Objekte auch präziser mit querySelector angeben, und es hat ziemlich viel Tiefe mit Funktionen wie regulärer Ausdruckssuche und Ausschluss.