Simple Text Highlighter

Cho phép người dùng tô màu (highlight) đoạn văn bản được chọn trên trang web bằng phím tắt.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

// ==UserScript==
// @name         Simple Text Highlighter
// @namespace    https://greasyfork.org/users/your-id
// @version      1.0.0
// @description  Cho phép người dùng tô màu (highlight) đoạn văn bản được chọn trên trang web bằng phím tắt.
// @author       YourName
// @match        *://*/*
// @grant        none
// @license      MIT
// ==/UserScript==

(function () {
    'use strict';

    /**
     * Highlight đoạn văn bản người dùng đang chọn
     */
    function highlightSelection() {
        const selection = window.getSelection();
        if (!selection || selection.rangeCount === 0) {
            return;
        }

        const range = selection.getRangeAt(0);

        // Không highlight nếu không có text
        if (range.collapsed) {
            return;
        }

        const span = document.createElement('span');
        span.style.backgroundColor = 'yellow';
        span.style.color = 'black';

        try {
            range.surroundContents(span);
            selection.removeAllRanges();
        } catch (error) {
            console.warn('Không thể highlight nội dung này:', error);
        }
    }

    /**
     * Phím tắt: Ctrl + Shift + H
     */
    document.addEventListener('keydown', function (event) {
        if (event.ctrlKey && event.shiftKey && event.key === 'H') {
            highlightSelection();
        }
    });

})();