d0zingcat/NotionNext
1
0
Fork 0
mirror of https://github.com/d0zingcat/NotionNext.git synced 2026-05-18 15:09:34 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: spoiler无法隐藏复杂文本节点

Browse Source
This commit is contained in:
LooseLi
2025-06-04 13:56:07 +08:00
parent 89375a6e0f
commit 4309a60546
1 changed files with 15 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
public/js/spoilerText.js
View File

@@ -14,17 +14,18 @@ function escapeRegExp(string) {
* @param className
*/
function convertTextToSpoilerSpan(regex, node, className) {
const wholeText = node.wholeText
// 使用 textContent 替代 wholeText 以确保类型安全
const textContent = node.textContent
let outerSpan = document.createElement('span')
const fragments = []
let lastIndex = 0
let match
while ((match = regex.exec(wholeText)) !== null) {
console.log('符合要求的文字' + wholeText)
while ((match = regex.exec(textContent)) !== null) {
console.log('符合要求的文字' + textContent)
// 添加前面未匹配的部分
if (match.index > lastIndex) {
outerSpan.appendChild(
document.createTextNode(wholeText.slice(lastIndex, match.index))
document.createTextNode(textContent.slice(lastIndex, match.index))
)
}
@@ -40,8 +41,10 @@ function convertTextToSpoilerSpan(regex, node, className) {
}
if (outerSpan.childNodes.length) {
// 添加剩余未匹配的部分
if (lastIndex < wholeText.length) {
outerSpan.appendChild(document.createTextNode(wholeText.slice(lastIndex)))
if (lastIndex < textContent.length) {
outerSpan.appendChild(
document.createTextNode(textContent.slice(lastIndex))
)
}
node.replaceWith(outerSpan)
}
@@ -57,9 +60,12 @@ function processTextNodes(root, className, spoilerTag) {
const regex = new RegExp(`${spoilerTag}(.*?)${spoilerTag}`, 'g')
const walker = document.createTreeWalker(root, NodeFilter.SHOW_TEXT, {
acceptNode: function (node) {
return regex.test(node.wholeText)
? NodeFilter.FILTER_ACCEPT
: NodeFilter.FILTER_REJECT
if (node.nodeType === Node.TEXT_NODE) {
return regex.test(node.textContent)
? NodeFilter.FILTER_ACCEPT
: NodeFilter.FILTER_REJECT
}
return NodeFilter.FILTER_REJECT
}
})
const waitProcessNodes = []