Podświetlanie zaznaczonego tekstu
Po zaznaczeniu fragmentu myszą trwale podświetla go żółtym kolorem, jak marker w książce.
Kod do skopiowania
(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 */
}
});
})();Jak użyć tego przykładu
- Skopiuj kod przyciskiem powyżej.
- Zainstaluj JustZix (2 minuty) i otwórz wtyczkę na docelowej stronie.
- Dodaj nową regułę dopasowaną do tej strony.
- Wklej kod w panelu JavaScript reguły i zapisz — uruchomi się przy każdym wejściu na stronę.
Oceń ten przykład
Brak ocen — oceń jako pierwszy.