0ct0pu5/siyuan
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

🎨 fix https://github.com/siyuan-note/siyuan/issues/10374

Browse source
This commit is contained in:
Vanessa 2024-02-23 11:31:11 +08:00
parent d81c7f2609
commit b577fdf15b
2 changed files with 6 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
app/src/protyle/render/mermaidRender.ts
View file

@ -56,7 +56,7 @@ export const mermaidRender = (element: Element, cdn = Constants.PROTYLE_CDN) =>
};
const initMermaid = (mermaidElements: Element[]) => {
mermaidElements.forEach((item, index) => {
mermaidElements.forEach(async (item: HTMLElement) => {
if (item.getAttribute("data-render") === "true") {
return;
}
@ -67,10 +67,10 @@ const initMermaid = (mermaidElements: Element[]) => {
</div>`);
}
const renderElement = item.firstElementChild.nextElementSibling as HTMLElement;
renderElement.innerHTML = `<span style="position: absolute;left:0;top:0;width: 1px;">${Constants.ZWSP}</span><div contenteditable="false">${Lute.UnEscapeHTMLStr(item.getAttribute("data-content"))}</div>`;
setTimeout(() => {
window.mermaid.init(undefined, renderElement.lastElementChild);
}, Constants.TIMEOUT_LOAD * index);
const id = "mermaid" + item.dataset.nodeId;
renderElement.innerHTML = `<span style="position: absolute;left:0;top:0;width: 1px;">${Constants.ZWSP}</span><div contenteditable="false"><span id="${id}"></span></div>`;
const mermaidData = await window.mermaid.render(id, Lute.UnEscapeHTMLStr(item.getAttribute("data-content")));
renderElement.lastElementChild.innerHTML = mermaidData.svg;
item.setAttribute("data-render", "true");
});
};

2
app/src/types/index.d.ts vendored
View file

@ -147,7 +147,7 @@ interface Window {
}
mermaid: {
initialize(options: any): void,
init(options: any, element: Element): void
render(id: string, text: string): { svg:string }
};
plantumlEncoder: {
encode(options: string): string,