Andreas/siyuan
1
0
Fork 0
mirror of https://github.com/siyuan-note/siyuan.git synced 2026-01-06 16:58:49 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

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

Browse source
This commit is contained in:
Vanessa 2023-12-30 21:45:52 +08:00
parent 521b9afefd
commit 58833bcd1c
1 changed files with 16 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

25
app/src/protyle/preview/index.ts
View file

@ -34,7 +34,9 @@ export class Preview {
if (protyle.options.classes.preview) {
previewElement.classList.add(protyle.options.classes.preview);
}
previewElement.style.padding = protyle.wysiwyg.element.style.padding;
if (protyle.wysiwyg.element.style.padding) {
previewElement.style.padding = protyle.wysiwyg.element.style.padding;
}
const actions = protyle.options.preview.actions;
const actionElement = document.createElement("div");
@ -48,7 +50,7 @@ export class Preview {
}
switch (action) {
case "desktop":
actionHtml.push('<button type="button" class="protyle-preview__action--current" data-type="desktop">Desktop</button>');
actionHtml.push(`<button type="button"${protyle.wysiwyg.element.style.padding ? ' class="protyle-preview__action--current"' : ""} data-type="desktop">Desktop</button>`);
break;
case "tablet":
actionHtml.push('<button type="button" data-type="tablet">Tablet</button>');
@ -138,11 +140,12 @@ export class Preview {
previewElement.style.width = "360px";
previewElement.style.padding = "8px";
}
this.render(protyle);
actionElement.querySelectorAll("button").forEach((item) => {
item.classList.remove("protyle-preview__action--current");
});
target.classList.add("protyle-preview__action--current");
if (type !== "mp-wechat" && type !== "zhihu" && type !== "yuque") {
actionElement.querySelectorAll("button").forEach((item) => {
item.classList.remove("protyle-preview__action--current");
});
target.classList.add("protyle-preview__action--current");
}
}
target = target.parentElement;
}
@ -224,7 +227,8 @@ export class Preview {
} else if (type === "zhihu") {
this.link2online(copyElement);
copyElement.querySelectorAll('[data-subtype="math"]').forEach((item: HTMLElement) => {
item.outerHTML = `<img class="Formula-image" data-eeimg="true" src="//www.zhihu.com/equation?tex=" alt="${item.getAttribute("data-content")}\\" style="display: block; margin: 0 auto; max-width: 100%;">`;
// https://github.com/siyuan-note/siyuan/issues/10015
item.outerHTML = `<img class="Formula-image" data-eeimg="true" src="//www.zhihu.com/equation?tex=" alt="${item.getAttribute("data-content")}" style="${item.tagName === "DIV" ? "display: block; max-width: 100%;" : ""}margin: 0 auto;">`;
});
copyElement.querySelectorAll("blockquote").forEach((item) => {
const elements: HTMLElement[] = [];
@ -251,7 +255,10 @@ export class Preview {
item.style.backgroundImage = "none";
});
this.element.append(copyElement);
const cloneRange = getSelection().getRangeAt(0).cloneRange();
let cloneRange;
if (getSelection().rangeCount > 0) {
cloneRange = getSelection().getRangeAt(0).cloneRange();
}
const range = copyElement.ownerDocument.createRange();
range.selectNodeContents(copyElement);
focusByRange(range);