diff --git a/app/src/menus/protyle.ts b/app/src/menus/protyle.ts index b4cb02f93..a70a33f85 100644 --- a/app/src/menus/protyle.ts +++ b/app/src/menus/protyle.ts @@ -1188,6 +1188,8 @@ export const imgMenu = (protyle: IProtyle, range: Range, assetElement: HTMLEleme rangeElement.value = "0"; rangeElement.parentElement.setAttribute("aria-label", inputElement.value ? (inputElement.value + "px") : window.siyuan.languages.default); + // 历史兼容 + assetElement.removeAttribute("style"); imgElement.parentElement.style.width = inputElement.value ? (inputElement.value + "px") : ""; imgElement.style.height = ""; }); @@ -1218,6 +1220,8 @@ export const imgMenu = (protyle: IProtyle, range: Range, assetElement: HTMLEleme bind(element) { rangeElement = element.querySelector("input"); rangeElement.addEventListener("input", () => { + // 历史兼容 + assetElement.removeAttribute("style"); imgElement.parentElement.style.width = rangeElement.value + "%"; imgElement.style.height = ""; rangeElement.parentElement.setAttribute("aria-label", `${rangeElement.value}%`); @@ -1251,6 +1255,8 @@ export const imgMenu = (protyle: IProtyle, range: Range, assetElement: HTMLEleme rangeHeightElement.parentElement.setAttribute("aria-label", inputElement.value ? (inputElement.value + "px") : window.siyuan.languages.default); imgElement.style.height = inputElement.value ? (inputElement.value + "px") : ""; + // 历史兼容 + assetElement.removeAttribute("style"); imgElement.parentElement.style.width = ""; }); inputElement.addEventListener("blur", () => { @@ -1280,6 +1286,8 @@ export const imgMenu = (protyle: IProtyle, range: Range, assetElement: HTMLEleme bind(element) { rangeHeightElement = element.querySelector("input"); rangeHeightElement.addEventListener("input", () => { + // 历史兼容 + assetElement.removeAttribute("style"); imgElement.parentElement.style.width = ""; imgElement.style.height = rangeHeightElement.value + "vh"; rangeHeightElement.parentElement.setAttribute("aria-label", `${rangeHeightElement.value}%`); @@ -1820,6 +1828,8 @@ const genImageWidthMenu = (label: string, imgElement: HTMLElement, protyle: IPro label, click() { nodeElement.setAttribute("updated", dayjs().format("YYYYMMDDHHmmss")); + // 历史兼容 + imgElement.parentElement.parentElement.removeAttribute("style"); imgElement.parentElement.style.width = label === window.siyuan.languages.default ? "" : label; imgElement.style.height = ""; updateTransaction(protyle, id, nodeElement.outerHTML, html); @@ -1835,6 +1845,8 @@ const genImageHeightMenu = (label: string, imgElement: HTMLElement, protyle: IPr click() { nodeElement.setAttribute("updated", dayjs().format("YYYYMMDDHHmmss")); imgElement.style.height = label === window.siyuan.languages.default ? "" : parseInt(label) + "vh"; + // 历史兼容 + imgElement.parentElement.parentElement.removeAttribute("style"); imgElement.parentElement.style.width = ""; updateTransaction(protyle, id, nodeElement.outerHTML, html); focusBlock(nodeElement); diff --git a/app/src/protyle/wysiwyg/index.ts b/app/src/protyle/wysiwyg/index.ts index b47d58f1d..02d59e0e4 100644 --- a/app/src/protyle/wysiwyg/index.ts +++ b/app/src/protyle/wysiwyg/index.ts @@ -672,6 +672,8 @@ export class WYSIWYG { documentSelf.onmousemove = (moveEvent: MouseEvent) => { if (dragElement.tagName === "IMG") { dragElement.style.height = ""; + // 历史兼容 + dragElement.parentElement.parentElement.removeAttribute("style"); } if (moveEvent.clientX > x - dragWidth + 8 && moveEvent.clientX < mostRight) { const multiple = ((dragElement.tagName === "IMG" && !dragElement.parentElement.parentElement.style.minWidth && nodeElement.style.textAlign !== "center") || !isCenter) ? 1 : 2;