diff --git a/app/src/protyle/gutter/index.ts b/app/src/protyle/gutter/index.ts index ef990de42..44a306139 100644 --- a/app/src/protyle/gutter/index.ts +++ b/app/src/protyle/gutter/index.ts @@ -21,7 +21,7 @@ import {removeEmbed} from "../wysiwyg/removeEmbed"; import {getContenteditableElement, getTopAloneElement, isNotEditBlock} from "../wysiwyg/getBlock"; import * as dayjs from "dayjs"; import {fetchPost, fetchSyncPost} from "../../util/fetch"; -import {cancelSB, insertEmptyBlock, jumpToParentNext} from "../../block/util"; +import {cancelSB, genEmptyElement, insertEmptyBlock, jumpToParentNext} from "../../block/util"; import {countBlockWord} from "../../layout/status"; import {Constants} from "../../constants"; import {mathRender} from "../render/mathRender"; @@ -68,7 +68,14 @@ export class Gutter { const ghostElement = document.createElement("div"); ghostElement.className = protyle.wysiwyg.element.className; selectElements.forEach(item => { - ghostElement.append(item.cloneNode(true)); + if (item.getAttribute("data-type") === "NodeIFrame") { + const embedElement = genEmptyElement(); + embedElement.classList.add("protyle-wysiwyg--select") + getContenteditableElement(embedElement).innerHTML = ` IFrame` + ghostElement.append(embedElement); + } else { + ghostElement.append(item.cloneNode(true)); + } }); ghostElement.setAttribute("style", `position:fixed;opacity:.1;width:${selectElements[0].clientWidth}px;padding:0;`); document.body.append(ghostElement);