Example Greasy Fork Compliant Script

Tự động tô sáng các đoạn văn bản được bôi đen trên trang web.

이 스크립트를 설치하려면 Tampermonkey, Greasemonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey와 같은 확장 프로그램을 설치해야 합니다.

이 스크립트를 설치하려면 Tampermonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey 또는 Userscripts와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 유저 스크립트 관리자 확장 프로그램이 필요합니다.

(이미 유저 스크립트 관리자가 설치되어 있습니다. 설치를 진행합니다!)

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

(이미 유저 스타일 관리자가 설치되어 있습니다. 설치를 진행합니다!)

// ==UserScript==
// @name         Example Greasy Fork Compliant Script
// @namespace    https://greasyfork.org/users/your-id
// @version      1.0.0
// @description  Tự động tô sáng các đoạn văn bản được bôi đen trên trang web.
// @author       Your Name
// @license      MIT
// @match        https://example.com/*
// @grant        none
// @run-at       document-end
// ==/UserScript==

/*
 This script highlights selected text on the page by wrapping it in a <mark> tag.
 No tracking, no ads, no external code loading.
*/

(function () {
    'use strict';

    /**
     * Highlight currently selected text
     */
    function highlightSelection() {
        const selection = window.getSelection();
        if (!selection || selection.rangeCount === 0) {
            return;
        }

        const range = selection.getRangeAt(0);
        if (range.collapsed) {
            return;
        }

        const mark = document.createElement('mark');
        mark.style.backgroundColor = 'yellow';

        try {
            range.surroundContents(mark);
            selection.removeAllRanges();
        } catch (error) {
            console.warn('Unable to highlight selection:', error);
        }
    }

    /**
     * Add keyboard shortcut: Ctrl + Shift + H
     */
    document.addEventListener('keydown', function (event) {
        if (event.ctrlKey && event.shiftKey && event.key === 'H') {
            highlightSelection();
        }
    });

})();