Markierten Text hervorheben
Nach Markieren einer Stelle mit der Maus hebt es sie dauerhaft gelb hervor, wie ein Textmarker.
Code zum Kopieren
(function () {
document.addEventListener('mouseup', function () {
var sel = window.getSelection();
if (!sel || sel.isCollapsed || sel.rangeCount === 0) return;
var range = sel.getRangeAt(0);
if (range.toString().trim().length === 0) return;
var mark = document.createElement('mark');
mark.style.cssText = 'background:#fff3a3;color:inherit;';
try {
range.surroundContents(mark);
sel.removeAllRanges();
} catch (e) {
/* selection crosses element boundaries — skip */
}
});
})();
So verwendest du dieses Beispiel
- Kopiere den Code mit der Schaltfläche oben.
- Installiere JustZix (2 Minuten) und öffne die Erweiterung auf der Zielseite.
- Füge eine neue Regel hinzu, die zu dieser Seite passt.
- Füge den Code in das JavaScript-Panel der Regel ein und speichere — er läuft bei jedem Seitenbesuch.
Bewerte dieses Beispiel
Noch keine Bewertungen — sei der Erste.