\u5904\u7406\u96c6\u56e2OA\u6587\u4ef6\uff0c\u9ad8\u4eae\u6307\u5b9a\u5173\u952e\u5b57\uff0c\u65b9\u4fbf\u67e5\u770b\u5f31\u9879\u60c5\u51b5\u7b49\u3002<\/p>\n
\/\/ ==UserScript==\n\/\/ @name \u96c6\u56e2OA\u9ad8\u4eae\u5173\u952e\u8bcd“AA”“BB”\n\/\/ @namespace http:\/\/tampermonkey.net\/\n\/\/ @version 5.0\n\/\/ @description \u89e3\u51b3\u5173\u952e\u8bcd\u88ab\u591a\u4e2aspan\u62c6\u5206\u5bfc\u81f4\u9ad8\u4eae\u5931\u8d25\u7684\u95ee\u9898\n\/\/ @author subk\n\/\/ @match http:\/\/XXX\/std-official-document-view\/g4\/process-form*\n\/\/ @grant none\n\/\/ ==\/UserScript==\n\n(function () {\n 'use strict';\n\n const keywords = [\n { word: 'AA', color: 'yellow' },\n { word: 'BB', color: 'lightskyblue' },\n ];\n\n \/\/ Escape special characters for regex\n const escapeRegExp = (str) => str.replace(\/[.*+?^${}()|[\\]\\\\]\/g, '\\\\$&');\n\n \/\/ Create a single regex for all keywords\n const regex = new RegExp(keywords.map(({ word }) => escapeRegExp(word)).join('|'), 'g');\n\n function highlightInElement(el) {\n const treeWalker = document.createTreeWalker(el, NodeFilter.SHOW_TEXT, {\n acceptNode: (node) => {\n \/\/ Skip nodes inside script, style, or already highlighted spans\n if (node.parentNode.tagName === 'SCRIPT' || node.parentNode.tagName === 'STYLE' || node.parentNode.classList.contains('highlight')) {\n return NodeFilter.FILTER_REJECT;\n }\n return node.nodeValue.match(regex) ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_REJECT;\n }\n }, false);\n\n const textNodes = [];\n while (treeWalker.nextNode()) {\n textNodes.push(treeWalker.currentNode);\n }\n\n textNodes.forEach(node => {\n const parent = node.parentNode;\n const fragment = document.createDocumentFragment();\n const text = node.nodeValue;\n let lastIndex = 0;\n\n \/\/ Split text and wrap matches in spans\n text.replace(regex, (match, index) => {\n \/\/ Add text before the match\n if (index > lastIndex) {\n fragment.appendChild(document.createTextNode(text.slice(lastIndex, index)));\n }\n\n \/\/ Find the matching keyword and its color\n const { color } = keywords.find(kw => kw.word === match) || { color: 'yellow' };\n const span = document.createElement('span');\n span.className = 'highlight';\n span.style.backgroundColor = color;\n span.textContent = match;\n fragment.appendChild(span);\n\n lastIndex = index + match.length;\n });\n\n \/\/ Add remaining text\n if (lastIndex < text.length) {\n fragment.appendChild(document.createTextNode(text.slice(lastIndex)));\n }\n\n \/\/ Replace the original text node\n parent.replaceChild(fragment, node);\n });\n }\n\n function applyHighlight() {\n const container = document.querySelector('.WordSection1');\n if (container) {\n highlightInElement(container);\n return true;\n }\n return false;\n }\n\n \/\/ Observe DOM changes to handle dynamic content\n function observeDOM() {\n const observer = new MutationObserver((mutations) => {\n for (const mutation of mutations) {\n if (mutation.addedNodes.length || mutation.type === 'childList') {\n if (applyHighlight()) {\n \/\/ Optionally stop observing if highlighting is successful\n \/\/ observer.disconnect();\n }\n }\n }\n });\n\n observer.observe(document.body, {\n childList: true,\n subtree: true\n });\n\n \/\/ Initial attempt\n applyHighlight();\n }\n\n \/\/ Run on DOMContentLoaded for faster execution\n if (document.readyState === 'loading') {\n document.addEventListener('DOMContentLoaded', observeDOM);\n } else {\n observeDOM();\n }\n})();<\/code><\/pre>","protected":false},"excerpt":{"rendered":"\u5904\u7406\u96c6\u56e2OA\u6587\u4ef6\uff0c\u9ad8\u4eae\u6307\u5b9a\u5173\u952e\u5b57\uff0c\u65b9\u4fbf\u67e5\u770b\u5f31\u9879\u60c5\u51b5\u7b49\u3002 \/\/ ==UserScript== \/\/ @name […]<\/p>","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5],"tags":[32],"class_list":["post-604","post","type-post","status-publish","format-standard","hentry","category-it","tag-32"],"_links":{"self":[{"href":"https:\/\/subk.me\/index.php?rest_route=\/wp\/v2\/posts\/604","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/subk.me\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/subk.me\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/subk.me\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/subk.me\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=604"}],"version-history":[{"count":3,"href":"https:\/\/subk.me\/index.php?rest_route=\/wp\/v2\/posts\/604\/revisions"}],"predecessor-version":[{"id":612,"href":"https:\/\/subk.me\/index.php?rest_route=\/wp\/v2\/posts\/604\/revisions\/612"}],"wp:attachment":[{"href":"https:\/\/subk.me\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=604"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/subk.me\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=604"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/subk.me\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=604"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}