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

✨ https://github.com/siyuan-note/siyuan/issues/2911 inline math

Browse source
This commit is contained in:
Vanessa 2022-09-15 23:05:18 +08:00
parent 0285730c59
commit 8d8f2b9910
2 changed files with 13 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
app/src/protyle/markdown/mathRender.ts
View file

@ -66,9 +66,15 @@ export const mathRender = (element: Element, cdn = Constants.PROTYLE_CDN, maxWid
}
} else {
if (blockElement && mathElement.getBoundingClientRect().width > blockElement.clientWidth) {
mathElement.setAttribute("style", "max-width:100%;overflow-x:auto;overflow-y:hidden;display:inline-block");
mathElement.style.maxWidth = "100%"
mathElement.style.overflowX = "auto"
mathElement.style.overflowY = "hidden"
mathElement.style.display = "inline-block"
} else {
mathElement.removeAttribute("style");
mathElement.style.maxWidth = ""
mathElement.style.overflowX = ""
mathElement.style.overflowY = ""
mathElement.style.display = ""
}
const nextSibling = hasNextSibling(mathElement);
if (!nextSibling) {

13
app/src/protyle/toolbar/InlineMath.ts
View file

@ -20,13 +20,6 @@ export class InlineMath extends ToolbarItem {
if (!nodeElement) {
return;
}
const inlineMathElement = hasClosestByAttribute(range.startContainer, "data-type", "inline-math");
if (inlineMathElement) {
mathRender(inlineMathElement);
return;
}
if (!["DIV", "TD", "TH"].includes(range.startContainer.parentElement.tagName) && range.startOffset === 0 && !hasPreviousSibling(range.startContainer)) {
range.setStartBefore(range.startContainer.parentElement);
}
@ -38,14 +31,18 @@ export class InlineMath extends ToolbarItem {
const html = nodeElement.outerHTML;
const newElement = document.createElement("span");
const rangeString = range.toString();
newElement.className = "render-node";
newElement.setAttribute("contenteditable", "false");
newElement.setAttribute("data-type", "inline-math");
newElement.setAttribute("data-subtype", "math");
newElement.setAttribute("data-content", range.toString());
newElement.setAttribute("data-content", rangeString.trim());
range.extractContents();
range.insertNode(newElement);
mathRender(newElement);
if (rangeString.trim() === "") {
protyle.toolbar.showRender(protyle, newElement);
}
nodeElement.setAttribute("updated", dayjs().format("YYYYMMDDHHmmss"));
updateTransaction(protyle, nodeElement.getAttribute("data-node-id"), nodeElement.outerHTML, html);
wbrElement.remove();