Andreas/siyuan
1
0
Fork 0
mirror of https://github.com/siyuan-note/siyuan.git synced 2025-12-16 14:40:12 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

🎨 https://github.com/siyuan-note/siyuan/issues/16011

Browse source
This commit is contained in:
Vanessa 2025-10-12 11:30:51 +08:00
parent dd34f25b94
commit 130dd32801
3 changed files with 14 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

4
app/src/protyle/index.ts
View file

@ -90,8 +90,8 @@ export class Protyle {
if (isSupportCSSHL()) {
const styleId = genUUID();
this.protyle.highlight.styleElement.dataset.uuid = styleId;
this.protyle.highlight.styleElement.textContent = `.protyle-wysiwyg::highlight(search-mark-${styleId}) {background-color: var(--b3-highlight-background);color: var(--b3-highlight-color);}
.protyle-wysiwyg::highlight(search-mark-hl-${styleId}) {color: var(--b3-highlight-color);background-color: var(--b3-highlight-current-background)}`;
this.protyle.highlight.styleElement.textContent = `.protyle-content::highlight(search-mark-${styleId}) {background-color: var(--b3-highlight-background);color: var(--b3-highlight-color);}
.protyle-content::highlight(search-mark-hl-${styleId}) {color: var(--b3-highlight-color);background-color: var(--b3-highlight-current-background)}`;
}
this.protyle.hint = new Hint(this.protyle);

9
app/src/protyle/render/searchMarkRender.ts
View file

@ -8,6 +8,7 @@ export const searchMarkRender = (protyle: IProtyle, keys: string[], hlId?: strin
setTimeout(() => {
protyle.highlight.markHL.clear();
protyle.highlight.mark.clear();
protyle.highlight.rangeIndex = 0;
protyle.highlight.ranges = [];
let isSetHL = false;
let hlBlockElement: Element;
@ -20,12 +21,16 @@ export const searchMarkRender = (protyle: IProtyle, keys: string[], hlId?: strin
});
}
if (!hlBlockElement && hlId === protyle.block.rootID && protyle.title && !protyle.title.element.classList.contains("fn__none")) {
hlBlockElement = protyle.title.element;
}
// 准备一个数组来保存所有文本节点
const textNodes: Node[] = [];
const textNodesSize: number[] = [];
let currentSize = 0;
const treeWalker = document.createTreeWalker(protyle.wysiwyg.element, NodeFilter.SHOW_TEXT);
const treeWalker = document.createTreeWalker(protyle.contentElement, NodeFilter.SHOW_TEXT);
let currentNode = treeWalker.nextNode();
while (currentNode) {
textNodes.push(currentNode);
@ -34,7 +39,7 @@ export const searchMarkRender = (protyle: IProtyle, keys: string[], hlId?: strin
currentNode = treeWalker.nextNode();
}
const text = protyle.wysiwyg.element.textContent;
const text = protyle.contentElement.textContent;
const rangeIndexes: { range: Range, startIndex: number, isCurrent: boolean }[] = [];
if (keys && keys.length > 0) {
keys.forEach(key => {

6
app/src/search/util.ts
View file

@ -1123,6 +1123,7 @@ export const getArticle = (options: {
const contentRect = options.edit.protyle.contentElement.getBoundingClientRect();
if (isSupportCSSHL()) {
let observer:ResizeObserver;
searchMarkRender(options.edit.protyle, getResponse.data.keywords, options.id, () => {
const highlightKeys = () => {
const currentRange = options.edit.protyle.highlight.ranges[options.edit.protyle.highlight.rangeIndex];
@ -1136,8 +1137,11 @@ export const getArticle = (options: {
highlightById(options.edit.protyle, options.id);
}
};
if (observer) {
observer.disconnect();
}
highlightKeys();
const observer = new ResizeObserver(() => {
observer = new ResizeObserver(() => {
highlightKeys();
});
observer.observe(options.edit.protyle.wysiwyg.element);