@ones-editor/editor 2.9.8-beta.3 → 2.9.8-beta.30

package/dist/index.js

@@ -1914,6 +1914,10 @@ div.tippy-box[data-theme=menu] .tippy-content .editor-command-bar.menu .menu-ite
 }.editor-command-bar.toolbar .command-item[data-dropdown=true][data-id=text-color-item] {
   padding-left: 0;
   padding-right: 0;
+}
+.command-item[data-button-id=text-color-item].disabled .color-button {
+  cursor: not-allowed;
+  opacity: 0.5;
 }.editor-input-wrap .editor-input-label {
   margin-top: 8px;
   margin-bottom: 8px;
@@ -3190,11 +3194,9 @@ div.editor-root div.editor-content div[data-type=editor-block] div[data-type=blo
 }
 div.editor-root div.editor-content div[data-type=editor-block] div[data-type=block-content] > span.status-box .box-status-common {
   max-width: 100%;
-  line-height: 20px;
   padding: 0px 5px;
   border-radius: 3px;
-  font-size: 12px;
-  height: 20px;
+  font-size: 0.8em;
   cursor: pointer;
   white-space: nowrap;
   text-overflow: ellipsis;
@@ -8809,7 +8811,31 @@ div.editor-root div.editor-content div[data-type=editor-container].root.select-a
   margin-left: 5px;
   margin-right: 5px;
 }div.editor-root.compact div.editor-content div[data-type=editor-container].root > .container-blocks > * + * {
-  margin: 0.2em 0;
+  margin-top: 0.2em;
+}
+div.editor-root.compact div.editor-content div[data-type=editor-block][data-style-quoted] + div[data-type=editor-block][data-style-quoted] {
+  margin-top: 0;
+}
+div.editor-root.compact div.editor-content div[data-type=editor-block].layout-block .container-blocks > * + * {
+  margin-top: 0.2em;
+}
+div.editor-root.compact div.editor-content div[data-type=editor-block][data-style-heading="1"]:not(:first-child) {
+  margin-top: 0.5em !important;
+}
+div.editor-root.compact div.editor-content div[data-type=editor-block][data-style-heading="2"]:not(:first-child) {
+  margin-top: 0.5em !important;
+}
+div.editor-root.compact div.editor-content div[data-type=editor-block][data-style-heading="3"]:not(:first-child) {
+  margin-top: 0.5em !important;
+}
+div.editor-root.compact div.editor-content div[data-type=editor-block][data-style-heading="4"]:not(:first-child) {
+  margin-top: 0.4em !important;
+}
+div.editor-root.compact div.editor-content div[data-type=editor-block][data-style-heading="5"]:not(:first-child) {
+  margin-top: 0.3em !important;
+}
+div.editor-root.compact div.editor-content div[data-type=editor-block][data-style-heading="6"]:not(:first-child) {
+  margin-top: 0.2em !important;
 }
 div.editor-root.compact.no-heading-collapse.no-block-menu > .editor-content {
   padding-left: 10px;
@@ -9958,6 +9984,9 @@ var __publicField = (obj, key, value) => {
         setDataset(elem, dataset);
       }
     }
+    if (tagName === "button") {
+      elem.type = "button";
+    }
     return elem;
   }
   function createIconButton(svg, classes, parent) {
@@ -24898,18 +24927,11 @@ var __publicField = (obj, key, value) => {
     };
   }
   function isEmptyDoc(doc2) {
-    const root2 = doc2.blocks.root;
-    if (root2.length !== 1) {
-      return false;
-    }
-    const block = root2[0];
-    if (!block.text) {
-      return false;
-    }
-    if (getTextLength(block.text)) {
-      return false;
-    }
-    return true;
+    const blocks = doc2.blocks.root;
+    const ret = blocks.every((block) => {
+      return block.type === "text" && getTextLength(block.text || []) === 0;
+    });
+    return ret;
   }
   function createContainer$1(doc2, docsOrDocObject) {
     const containerId = genId();
@@ -26352,9 +26374,10 @@ var __publicField = (obj, key, value) => {
     const y2 = rect.bottom > windowHeight ? windowHeight : rect.bottom;
     const centerX = (x1 + x2) / 2;
     const centerY = (y1 + y2) / 2;
-    const x = 0 - rect.left + centerX;
-    const y = 0 - rect.top + centerY + container.scrollTop;
     const input2 = editor.input.inputElement;
+    const inputHeight = input2.getBoundingClientRect().height;
+    const x = 0 - rect.left + centerX;
+    const y = 0 - rect.top + centerY + container.scrollTop - inputHeight / 2;
     input2.style.left = `${x / scale}px`;
     input2.style.top = `${y / scale}px`;
   }
@@ -26412,6 +26435,10 @@ var __publicField = (obj, key, value) => {
       if (isNodeRemoved(this.editor.rootElement)) {
         return;
       }
+      const rootRect = this.editor.rootElement.getBoundingClientRect();
+      if (rootRect.width === 0 || rootRect.height === 0) {
+        return;
+      }
       const cursor = this.caretElem;
       if (this.hasCaret()) {
         cursor.style.display = "";
@@ -26420,42 +26447,46 @@ var __publicField = (obj, key, value) => {
         moveInputToScreenCenter(this.editor);
         return;
       }
-      const { range } = this.editor.selection;
-      assert(logger$3S, range.isCollapsed, "range is not collapsed");
-      const pos = range.start;
-      assert(logger$3S, pos instanceof EditorSimpleBlockPosition, "only simple block position can has caret");
-      const block = this.editor.getBlockById(pos.blockId);
-      assert(logger$3S, isTextKindBlock(this.editor, block), "only text kind block can has caret");
-      let rect;
-      const compositionSpan = block.querySelector("span.inputting-insertion");
-      if (compositionSpan) {
-        rect = getLastClientRect(compositionSpan);
-        rect = new DOMRect(rect.right, rect.top, 1, rect.height);
-      } else {
-        rect = getTextCaretRect(block, pos);
-      }
-      const editorRect = this.editor.contentElement.getBoundingClientRect();
-      const x = rect.left - editorRect.left;
-      const y = rect.top - editorRect.top;
-      cursor.style.left = `${x}px`;
-      cursor.style.top = `${y}px`;
-      cursor.style.height = `${rect.height}px`;
-      const input2 = this.editor.input.inputElement;
-      input2.style.left = `${x}px`;
-      input2.style.top = `${y + rect.height - 24}px`;
-      if (clientType.isMobileSafari) {
-        input2.style.left = `${x - 4}px`;
-        input2.style.height = `${rect.height}px`;
-      }
-      const scrollContainer = getScrollContainer$1(block, { horizontal: true });
-      const scrollRect = scrollContainer.getBoundingClientRect();
-      const scrollLeft = scrollRect.left - editorRect.left;
-      const scrollRight = scrollLeft + scrollRect.width;
-      if (x < scrollLeft || x > scrollRight) {
-        moveInputToScreenCenter(this.editor);
-        cursor.style.display = "none";
-      } else {
-        cursor.style.display = "";
+      try {
+        const { range } = this.editor.selection;
+        assert(logger$3S, range.isCollapsed, "range is not collapsed");
+        const pos = range.start;
+        assert(logger$3S, pos instanceof EditorSimpleBlockPosition, "only simple block position can has caret");
+        const block = this.editor.getBlockById(pos.blockId);
+        assert(logger$3S, isTextKindBlock(this.editor, block), "only text kind block can has caret");
+        let rect;
+        const compositionSpan = block.querySelector("span.inputting-insertion");
+        if (compositionSpan) {
+          rect = getLastClientRect(compositionSpan);
+          rect = new DOMRect(rect.right, rect.top, 1, rect.height);
+        } else {
+          rect = getTextCaretRect(block, pos);
+        }
+        const editorRect = this.editor.contentElement.getBoundingClientRect();
+        const x = rect.left - editorRect.left;
+        const y = rect.top - editorRect.top;
+        cursor.style.left = `${x}px`;
+        cursor.style.top = `${y}px`;
+        cursor.style.height = `${rect.height}px`;
+        const input2 = this.editor.input.inputElement;
+        input2.style.left = `${x}px`;
+        input2.style.top = `${y + rect.height - 24}px`;
+        if (clientType.isMobileSafari) {
+          input2.style.left = `${x - 4}px`;
+          input2.style.height = `${rect.height}px`;
+        }
+        const scrollContainer = getScrollContainer$1(block, { horizontal: true });
+        const scrollRect = scrollContainer.getBoundingClientRect();
+        const scrollLeft = scrollRect.left - editorRect.left;
+        const scrollRight = scrollLeft + scrollRect.width;
+        if (x < scrollLeft || x > scrollRight) {
+          moveInputToScreenCenter(this.editor);
+          cursor.style.display = "none";
+        } else {
+          cursor.style.display = "";
+        }
+      } catch (err) {
+        logger$3S.error(err);
       }
     }
   }
@@ -26640,13 +26671,14 @@ var __publicField = (obj, key, value) => {
       while (prevBlock && !blocks.has(getBlockId(prevBlock))) {
         prevBlock = getPrevVisibleBlock(prevBlock);
       }
-      assert(logger$3Q, prevBlock, "no prev block while deleting a block");
-      newRange = createBlockSimpleRange(editor, prevBlock, getBlockTextLength$6(editor, prevBlock));
-    } else {
-      const nextBlock = getNextVisibleBlock(block);
-      assert(logger$3Q, nextBlock, "no prev and next block while deleting a block");
-      newRange = createBlockSimpleRange(editor, nextBlock, 0);
+      if (prevBlock) {
+        newRange = createBlockSimpleRange(editor, prevBlock, getBlockTextLength$6(editor, prevBlock));
+        return newRange;
+      }
     }
+    const nextBlock = getNextVisibleBlock(block);
+    assert(logger$3Q, nextBlock, "no prev and next block while deleting a block");
+    newRange = createBlockSimpleRange(editor, nextBlock, 0);
     return newRange;
   }
   const logger$3P = getLogger("block-to-html");
@@ -28546,6 +28578,10 @@ var __publicField = (obj, key, value) => {
     const end = createSimpleBlockPosition(lastBlock2, getBlockTextLength$6(editor, lastBlock2), "end");
     editor.selection.setSelection(start, end, { noScroll: true });
   }
+  function editorSelectAllBlocks(editor) {
+    addClass(editor.rootContainer, "select-all");
+    selectParentContainer(editor, getFirstChildBlock(editor.rootContainer));
+  }
   function editorSelectWord(editor) {
     const old = editor.selection.range.focus;
     if (!old.isSimple())
@@ -28808,10 +28844,19 @@ var __publicField = (obj, key, value) => {
       });
       this.editor = editor;
       const block = editor.getFirstBlock();
-      const blockId = getBlockId(block);
       this.caret = new EditorCaret(editor);
-      const pos = createSimpleBlockPosition(blockId, 0, "normal");
-      this._range = createEditorSelectionRange(editor, { anchor: pos, focus: pos });
+      if (isComplexKindBlock(editor, block)) {
+        const simpleBlock = complexBlockGetFirstSimpleChild(editor, block, {
+          visibleOnly: true
+        }) || block;
+        const blockId = getBlockId(simpleBlock);
+        const pos = createSimpleBlockPosition(blockId, 0, "normal");
+        this._range = createEditorSelectionRange(editor, { anchor: pos, focus: pos });
+      } else {
+        const blockId = getBlockId(block);
+        const pos = createSimpleBlockPosition(blockId, 0, "normal");
+        this._range = createEditorSelectionRange(editor, { anchor: pos, focus: pos });
+      }
       this.lastCaretRect = null;
       this.editor.addListener("blockDeleted", this.handleBlockDelete);
       setTimeout(() => {
@@ -29912,7 +29957,7 @@ ${codeText}
     const remoteResourcesMap = /* @__PURE__ */ new Map();
     Object.entries(resources).forEach(([resourceId, resourceUrl]) => {
       if (localResourcesMap.get(resourceId) === void 0) {
-        if (resourceId !== resourceUrl) {
+        if (resourceId !== resourceUrl && resourceId.indexOf(":") === -1) {
           remoteResourcesMap.set(resourceId, resourceUrl);
         }
       }
@@ -30570,6 +30615,10 @@ ${codeText}
     endBatchUpdate() {
       return this.externalDoc.endBatchUpdate();
     }
+    applyingOps() {
+      var _a, _b;
+      return ((_b = (_a = this.externalDoc).applyingOps) == null ? void 0 : _b.call(_a)) || false;
+    }
     registerLocalEvents(events2) {
       this.localEvents.push(events2);
     }
@@ -31795,11 +31844,16 @@ ${codeText}
             return rangeResult;
           }
         }
-        const blocks = range.getSelectedBlocks();
-        blocks.forEach((b) => {
-          const childRange = createEditorSelectionRange(editor, { anchor: b.start, focus: b.end });
-          this.executeBlockCommand(editor, b.block, childRange, command, params, rangeResult);
-        });
+        editor.doc.beginBatchUpdate();
+        try {
+          const blocks = range.getSelectedBlocks();
+          blocks.forEach((b) => {
+            const childRange = createEditorSelectionRange(editor, { anchor: b.start, focus: b.end });
+            this.executeBlockCommand(editor, b.block, childRange, command, params, rangeResult);
+          });
+        } finally {
+          editor.doc.endBatchUpdate();
+        }
         if (!clientType.isMobile) {
           editor.focus();
         }
@@ -31956,6 +32010,7 @@ ${codeText}
       __publicField(this, "settingsProvider");
       __publicField(this, "_readonly", false);
       __publicField(this, "_scrollable", true);
+      __publicField(this, "_destroyed", false);
       __publicField(this, "getColor", (index2) => {
         const colors = this.options.colors;
         if (colors.length === 0) {
@@ -32095,6 +32150,10 @@ ${codeText}
       this.domEvents.destroy();
       this.removeAllListeners();
       this.inputHandlers.destroy();
+      this._destroyed = true;
+    }
+    get destroyed() {
+      return this._destroyed;
     }
     focus(options) {
       this.input.focus(options);
@@ -32386,11 +32445,17 @@ ${codeText}
         this.emit("change", Array.from(this.users.values()));
       }, 300);
     }
-    getSimpleCursors(blockId) {
+    getSimpleCursors(blockId, excludeUserId) {
       const ret = /* @__PURE__ */ new Map();
       Array.from(this.cursors.values()).filter((message) => {
         const ret2 = message.range.anchor.blockId === blockId && isSimpleRange(message.range);
-        return ret2;
+        if (!ret2) {
+          return false;
+        }
+        if (excludeUserId && excludeUserId === message.user.userId) {
+          return false;
+        }
+        return true;
       }).forEach((message) => {
         const offset = message.range.focus.offset;
         let users = ret.get(offset);
@@ -32471,6 +32536,9 @@ ${codeText}
     rawData() {
       return this.doc;
     }
+    applyingOps() {
+      return false;
+    }
     getContainerBlocks(containerId) {
       const blocks = this.doc.blocks[containerId];
       return blocks;
@@ -39453,6 +39521,7 @@ ${codeText}
       __publicField(this, "disableLogout");
       __publicField(this, "destroyed", false);
       __publicField(this, "editStatus");
+      __publicField(this, "_applyingOps", false);
       __publicField(this, "handleNothingPending", () => {
         this.setStatus("clean");
       });
@@ -39637,11 +39706,14 @@ ${codeText}
           return;
         }
         try {
+          this._applyingOps = true;
           const local = !!source;
           parseOps(ops, this, local);
         } catch (err) {
           logger$2T.error(err);
           throw err;
+        } finally {
+          this._applyingOps = false;
         }
       });
       this.options = options;
@@ -39666,6 +39738,9 @@ ${codeText}
       }
       return this.batching;
     }
+    applyingOps() {
+      return this._applyingOps;
+    }
     static async load(options) {
       try {
         const client = new ShareDBClient(options.auth, options.serverUrl, options.renewTokenFunc);
@@ -40162,7 +40237,7 @@ ${codeText}
       assert(logger$2S, typeof blockIndex === "number", "invalid path blockIndex");
       const blockData = editor.doc.getBlockData(containerId, blockIndex);
       const length = getTextLength(blockText);
-      const cursorMessages = remoteUsers.getSimpleCursors(blockData.id);
+      const cursorMessages = remoteUsers.getSimpleCursors(blockData.id, editor.doc.getUser().userId);
       cursorMessages.forEach((messages, offset) => {
         if (offset > length) {
           offset = length;
@@ -41364,12 +41439,18 @@ ${codeText}
         return true;
       });
       __publicField(this, "handleDocumentMouseDown", (event) => {
-        var _a, _b;
+        var _a, _b, _c;
         if (event.target instanceof Element) {
           if ((_b = (_a = this.options).beforeClose) == null ? void 0 : _b.call(_a, event)) {
             return;
           }
           if (!this.isInCommandBar(event.target)) {
+            if (((_c = this.canClose) == null ? void 0 : _c.call(this)) === false) {
+              return;
+            }
+            if (!this.isVisible) {
+              return;
+            }
             const events2 = this.listeners("closing");
             for (let i = 0; i < events2.length; i++) {
               if (events2[i](this, event) === false) {
@@ -41629,6 +41710,9 @@ ${codeText}
         this.content.appendChild(child);
       });
     }
+    canClose() {
+      return true;
+    }
     get popper() {
       return this.content.closest("[data-tippy-root]");
     }
@@ -41987,7 +42071,7 @@ ${codeText}
         placement: (_a = options == null ? void 0 : options.placement) != null ? _a : "bottom-start",
         maxWidth: (_b = this.options.maxWidth) != null ? _b : 650,
         arrow: (_c = options == null ? void 0 : options.arrow) != null ? _c : this.options.tippyArrow,
-        appendTo: document.body,
+        appendTo: this.options.appendTo || target.closest(".command-bar-container") || document.body,
         onShow: this.handleShow,
         onHidden: this.handleHidden,
         onShown: this.handleShown,
@@ -42553,7 +42637,7 @@ ${codeText}
         placement: (_a = options == null ? void 0 : options.placement) != null ? _a : "bottom-start",
         maxWidth: 500,
         arrow: this.options.tippyArrow,
-        appendTo: document.body,
+        appendTo: this.options.appendTo || target.closest(".command-bar-container") || document.body,
         onShow: this.handleShow,
         onHidden: this.handleHidden,
         delay: options == null ? void 0 : options.delay,
@@ -42655,6 +42739,12 @@ ${codeText}
     initItemElement(item, elem) {
       initToolbarItem(item, elem, this.options);
     }
+    canClose() {
+      if (this.subBar) {
+        return true;
+      }
+      return false;
+    }
     close() {
       this.clearSelectedItem();
       if (this.subBar) {
@@ -43163,7 +43253,7 @@ ${codeText}
           placement: "bottom",
           maxWidth: 1e3,
           arrow: (_b = options == null ? void 0 : options.arrow) != null ? _b : this.options.tippyArrow,
-          appendTo: document.body,
+          appendTo: this.options.appendTo || target.closest(".command-bar-container") || document.body,
           onShow: this.handleShow,
           onShown: this.handleShown,
           onHidden: this.handleHidden,
@@ -43824,6 +43914,9 @@ ${codeText}
       __publicField(this, "handlePaletteClick", (type, value) => {
         this.setLatestColors(type, value);
         this.emit("onClick", type, value);
+        setTimeout(() => {
+          this.editor.emit("textColorChanged", this.editor, this);
+        }, 100);
       });
       __publicField(this, "handleButtonClick", () => {
         const [color, backgroundColor] = this.latestColors;
@@ -43849,6 +43942,9 @@ ${codeText}
           this.emit("onClick", "backgroundColor", backgroundColor);
         }
         this.currentTextColors = [color, backgroundColor];
+        setTimeout(() => {
+          this.editor.emit("textColorChanged", this.editor, this);
+        }, 100);
       });
       __publicField(this, "setLatestColors", (type, value) => {
         var _a, _b;
@@ -43886,6 +43982,13 @@ ${codeText}
       this.element.addEventListener("click", this.handleButtonClick);
       this.bindColorButtonEvents();
       this.element.setAttribute(`data-editor-tooltip-${editor.clientId}`, this.name);
+      this.editor.addListener("textColorChanged", (e2, sender) => {
+        if (sender !== this) {
+          this.latestColors = this.getColorsFromLocalStorage();
+          this.setCurrentButtonColor(this.latestColors);
+          this.updatePaletteColor();
+        }
+      });
     }
     bindColorButtonEvents() {
       if (clientType.isMobile) {
@@ -51475,23 +51578,28 @@ ${codeText}
   }
   function resetListStart(editor, brothers, start, options) {
     var _a;
-    const groupId = (_a = options == null ? void 0 : options.groupId) != null ? _a : genId();
-    brothers.forEach((block) => {
-      const oldData = editor.getBlockData(block);
-      if (oldData.start !== start || (options == null ? void 0 : options.resetGroupId)) {
-        const newData = {
-          ...oldData,
-          start
-        };
-        if (options == null ? void 0 : options.resetGroupId) {
-          newData.groupId = groupId;
+    editor.doc.beginBatchUpdate();
+    try {
+      const groupId = (_a = options == null ? void 0 : options.groupId) != null ? _a : genId();
+      brothers.forEach((block) => {
+        const oldData = editor.getBlockData(block);
+        if (oldData.start !== start || (options == null ? void 0 : options.resetGroupId)) {
+          const newData = {
+            ...oldData,
+            start
+          };
+          if (options == null ? void 0 : options.resetGroupId) {
+            newData.groupId = groupId;
+          }
+          editor.updateBlockData(block, newData);
         }
-        editor.updateBlockData(block, newData);
-      }
-      if (!oldData.textOnly) {
-        start += 1;
-      }
-    });
+        if (!oldData.textOnly) {
+          start += 1;
+        }
+      });
+    } finally {
+      editor.doc.endBatchUpdate();
+    }
   }
   function resetListStartByBrother(editor, listBrother, start, options) {
     const allBrothers = getListAllBrothers(listBrother, { withSelf: true });
@@ -53110,7 +53218,11 @@ ${codeText}
     handleDrop: handleListDrop,
     notify,
     handleDeleteBlock: (editor, block) => {
+      var _a, _b;
       if (isListBlock(block)) {
+        if ((_b = (_a = editor.doc).applyingOps) == null ? void 0 : _b.call(_a)) {
+          return;
+        }
         const fixStart = new FixStartByWillDeletedList(editor, block);
         setTimeout(() => {
           fixStart.fix();
@@ -53141,15 +53253,15 @@ ${codeText}
       __publicField(this, "id", "ListProvider");
       __publicField(this, "executeInsertCommand", (editor, containerId, blockIndex, command) => {
         if (command.id === "unordered-list") {
-          this.insertList(editor, containerId, blockIndex, "unordered");
+          this.insertList(editor, containerId, blockIndex, "unordered", command);
           return true;
         }
         if (command.id === "ordered-list") {
-          this.insertList(editor, containerId, blockIndex, "ordered");
+          this.insertList(editor, containerId, blockIndex, "ordered", command);
           return true;
         }
         if (command.id === "check-list") {
-          this.insertList(editor, containerId, blockIndex, "unchecked");
+          this.insertList(editor, containerId, blockIndex, "unchecked", command);
           return true;
         }
         return false;
@@ -53232,21 +53344,66 @@ ${codeText}
         });
       }
     }
-    insertList(editor, containerId, blockIndex, listType) {
+    insertList(editor, containerId, blockIndex, listType, command) {
       var _a;
-      const blockList = editor.getChildContainerData(containerId);
-      const block = (_a = editor.findBlockByIndex(containerId, blockIndex)) != null ? _a : editor.getBlockById(blockList[blockList.length - 1].id);
-      const convertResult = convertBlockFrom(editor, block, "list", {
+      editor.getChildContainerData(containerId);
+      let sourceIndex = blockIndex;
+      let insertBefore = true;
+      if (((_a = command.source) == null ? void 0 : _a.indexOf("/insert-block-after")) !== -1) {
+        insertBefore = false;
+        if (blockIndex > 0) {
+          sourceIndex = blockIndex - 1;
+        }
+      }
+      const currentBlock = editor.findBlockByIndex(containerId, sourceIndex);
+      if (!currentBlock) {
+        return;
+      }
+      const convertResult = convertBlockFrom(editor, currentBlock, "list", {
         offset: 0,
         data: {
           listType
         }
       });
-      if (convertResult) {
-        editor.undoManager.runInGroup(() => {
-          editor.insertBlock(containerId, blockIndex, convertResult.blockData);
-        });
+      const newData = convertResult == null ? void 0 : convertResult.blockData;
+      if (!newData) {
+        return;
       }
+      const oldData = editor.getBlockData(currentBlock);
+      const oldType = getListType(oldData);
+      const newType = getListType(newData);
+      if (oldType === newType) {
+        if (typeof newData.start === "number") {
+          if (typeof oldData.start === "number") {
+            if (insertBefore) {
+              newData.start = oldData.start - 1;
+            } else {
+              newData.start = oldData.start + 1;
+            }
+          } else {
+            if (insertBefore) {
+              newData.start -= 1;
+            } else {
+              newData.start += 1;
+            }
+          }
+        }
+        if (typeof newData.start === "number" && newData.start <= 0) {
+          newData.start = 1;
+        }
+        newData.groupId = oldData.groupId;
+      }
+      newData.text = [];
+      if (oldType === newType) {
+        newData.heading = oldData.heading;
+      } else {
+        delete newData.heading;
+      }
+      editor.undoManager.runInGroup(() => {
+        const newBlock = editor.insertBlock(containerId, blockIndex, newData);
+        const fix = new FixStartByList(editor, newBlock);
+        fix.fix();
+      });
     }
     executeCommand(editor, block, range, command) {
       if (!isTextKindBlock(editor, block)) {
@@ -54589,6 +54746,7 @@ ${codeText}
       }, 50));
       this.editor = editor;
       const popover = editor.options.componentsOptions.popover;
+      const objectToolbar = editor.options.componentsOptions.objectToolbar;
       this.toolbar = new ManualToolbar([], void 0, {
         tooltipId: editor.clientId,
         id: "editor-toolbar",
@@ -54596,7 +54754,8 @@ ${codeText}
         refuseOverflow: true,
         padding: 20,
         showName: clientType.isMobile,
-        autoClose: clientType.isMobile ? true : void 0
+        autoClose: clientType.isMobile ? true : void 0,
+        appendTo: (objectToolbar == null ? void 0 : objectToolbar.appendTo) || (popover == null ? void 0 : popover.appendTo)
       });
       this.toolbar.on("click", this.handleButtonClick);
       this.toolbar.on("close", this.handleClose);
@@ -64203,7 +64362,7 @@ $$${mathData.mathjaxText}$$
     const failedLoad = !!block.querySelector(".images > .image-container.error, .images > .image-container.empty ");
     const width = calImageBlockStyleWidth(editor, blockData, parentContainer, failedLoad);
     const height = calBlockHeight(editor, blockData, parentContainer, failedLoad);
-    if (width.startsWith("0") && height.startsWith("0")) {
+    if (width.startsWith("0") || height.startsWith("0")) {
       const image = block.querySelector("img");
       if (image) {
         image.onload = () => {
@@ -65116,7 +65275,6 @@ $$${mathData.mathjaxText}$$
       if (insertPos === "before") {
         const beforeBlock = getPrevVisibleBlock(block);
         if (!beforeBlock) {
-          assert(logger$1z, isChildContainer(getParentContainer(block)), "block does not in a child container");
           const rect = block.getBoundingClientRect();
           const viewRect2 = this.getViewRect(block);
           return new DOMRect(viewRect2.x, rect.y, viewRect2.width, INDICATOR_SIZE$1);
@@ -67506,6 +67664,7 @@ ${codeText}
       const buttonElement = createElement("button", ["block-button"], null);
       buttonElement.setAttribute(`data-editor-tooltip-${this.editor.clientId}`, i18n$1.t("blockMenu.button.tips"));
       buttonElement.innerHTML = DragIcon;
+      buttonElement.type = "button";
       return buttonElement;
     }
     setButtonType(type) {
@@ -68103,7 +68262,7 @@ ${codeText}
         return false;
       }
       if (isRootContainer(getParentContainer(block))) {
-        if (getBlockIndex(block) === 0) {
+        if (getBlockIndex(block) === 0 && isTitleBlock$2(block)) {
           return false;
         }
       }
@@ -81831,6 +81990,9 @@ ${docStr}
     toJSON() {
       return cloneDeep__default.default(this.docObject);
     }
+    applyingOps() {
+      return false;
+    }
     getContainerBlocks(containerId) {
       const blocks = this.docObject.blocks[containerId];
       return blocks;
@@ -83066,12 +83228,7 @@ ${docStr}
     }
   }
   function isTitleBlock$1(block) {
-    const prevBlock = getPrevBlock(block);
-    if (prevBlock) {
-      return false;
-    }
-    const container = getParentContainer(block);
-    return isRootContainer(container);
+    return block.hasAttribute("data-document-title");
   }
   function canShowCollapseButtons(editor, hoverBlock) {
     var _a, _b;
@@ -85576,7 +85733,6 @@ ${docStr}
     });
     setTimeout(() => {
       textarea2.setSelectionRange(0, 0);
-      textarea2.focus();
       textarea2.scrollTop = 0;
       textarea2.style.height = `${textarea2.scrollHeight}px`;
     }, 20);
@@ -85587,6 +85743,9 @@ ${docStr}
     assert(logger$n, textarea2 instanceof HTMLTextAreaElement, "Textarea is not HTMLTextAreaElement");
     return textarea2;
   };
+  function focusToCodeEditor(block) {
+    getCodeEditor(block).focus();
+  }
   const logger$m = getLogger("graph-dom/view-select");
   var ViewId = /* @__PURE__ */ ((ViewId2) => {
     ViewId2["Both"] = "both";
@@ -87612,7 +87771,10 @@ ${data2.plantumlText}
       subText: `/${base.graphType}`,
       name: i18n$1.t(`graph.${base.graphType}`),
       execute: (editor, containerId, blockIndex) => {
-        editor.insertEmbed(containerId, blockIndex, base.graphType, base.createEmptyEmbedData());
+        const block = editor.insertEmbed(containerId, blockIndex, base.graphType, base.createEmptyEmbedData());
+        setTimeout(() => {
+          focusToCodeEditor(block);
+        });
       }
     }];
   };
@@ -90172,9 +90334,6 @@ ${data2.plantumlText}
       super.destroy();
     }
   }
-  const ErrCode = {
-    ANALYZER_UNKNOWN_URL: "analyzer cannot recognize this url"
-  };
   class FigmaAnalyzer {
     constructor() {
       __publicField(this, "regex", /https:\/\/([\w.-]+\.)?figma.com\/.*$/i);
@@ -90340,10 +90499,17 @@ ${data2.plantumlText}
           return ret;
         }
       }
-      throw new Error(ErrCode.ANALYZER_UNKNOWN_URL);
+      return {
+        providerName: "unknown",
+        type: "iframe",
+        url
+      };
     }
   }
   const urlAnalyzer = new URLAnalyzer();
+  const ErrCode = {
+    ANALYZER_UNKNOWN_URL: "analyzer cannot recognize this url"
+  };
   const getCommandItems = () => [
     {
       name: i18n$1.t("webpage.bilibili"),
@@ -93841,8 +94007,23 @@ ${JSON.stringify(error2, null, 2)}`);
       this.id = id;
     }
     getCommand(editor) {
+      var _a;
       const commands = editor.editorCommandProviders.getCommands(editor.selection.range);
-      return commands.find((c) => c.id === this.id);
+      const command = commands.find((c) => c.id === this.id);
+      if (command) {
+        return command;
+      }
+      const moreCommand = commands.find((c) => c.id === "text/more");
+      if (moreCommand) {
+        const ret = (_a = moreCommand.children) == null ? void 0 : _a.find((c) => c.id === this.id);
+        if (ret) {
+          return {
+            ...moreCommand,
+            ...ret
+          };
+        }
+      }
+      return void 0;
     }
     onClick(editor) {
       const command = this.getCommand(editor);
@@ -93891,13 +94072,13 @@ ${JSON.stringify(error2, null, 2)}`);
   }
   class SuperscriptItem extends FontStyleBaseItem {
     constructor() {
-      super(i18n$1.t("commands.superscript"), "text/style-superscript");
+      super(i18n$1.t("commands.superscript"), "text/style-super");
       __publicField(this, "icon", SuperscriptIcon);
     }
   }
   class SubscriptItem extends FontStyleBaseItem {
     constructor() {
-      super(i18n$1.t("commands.subscript"), "text/style-subscript");
+      super(i18n$1.t("commands.subscript"), "text/style-sub");
       __publicField(this, "icon", SubscriptIcon);
     }
   }
@@ -94055,9 +94236,11 @@ ${JSON.stringify(error2, null, 2)}`);
         Heading3Icon,
         Heading4Icon,
         Heading5Icon,
-        Heading6Icon
+        Heading6Icon,
+        Heading7Icon,
+        Heading8Icon
       ];
-      for (let i = 1; i <= 6; i++) {
+      for (let i = 1; i <= 8; i++) {
         this.children.push({
           name: i18n$1.t("commands.heading", { name: `${i}` }),
           id: `heading-${i}`,
@@ -94229,6 +94412,8 @@ ${JSON.stringify(error2, null, 2)}`);
       __publicField(this, "manualShowChildren", true);
       __publicField(this, "childrenPlacement", "bottom-start");
       __publicField(this, "children", []);
+      __publicField(this, "allChildren", []);
+      this.editor = editor;
       const provider = new InsertMenuProvider(editor);
       const startBlock = editor.getBlockById(editor.selection.range.start.blockId);
       const container = getParentContainer(startBlock);
@@ -94238,6 +94423,32 @@ ${JSON.stringify(error2, null, 2)}`);
         commands = commands.slice(index2);
       }
       this.children = commands;
+      this.allChildren = commands;
+    }
+    beforePopup(subBar) {
+      const focusBlock = this.editor.selection.focusedBlock;
+      if (focusBlock.closest('[data-block-type="callout"]')) {
+        const children = this.allChildren.filter((c) => {
+          const textOnlyCommands = [
+            "insert-emoji",
+            "insert-link",
+            "DateBoxCommandProvider",
+            "insert-status",
+            "insert-math",
+            "insert-known-link",
+            "insert-task-link"
+          ];
+          if (textOnlyCommands.includes(c.id)) {
+            return true;
+          }
+          return false;
+        });
+        this.children = children;
+        subBar.updateItems(this.children);
+      } else {
+        this.children = this.allChildren;
+        subBar.updateItems(this.children);
+      }
     }
     onClick(editor, item, commandBar2) {
       const provider = new InsertMenuProvider(editor);
@@ -94292,6 +94503,8 @@ ${JSON.stringify(error2, null, 2)}`);
         event.stopPropagation();
       });
       this.provider = new ColorStyleProvider(editor);
+      this.latestColors = this.getColorsFromLocalStorage();
+      this.setCurrentButtonColor(this.latestColors);
       this.addListener("onClick", this.handleChangeColor);
       this.element.addEventListener("mousedown", this.handleMousedown);
     }
@@ -94459,7 +94672,7 @@ ${JSON.stringify(error2, null, 2)}`);
     async onClick(editor, item) {
       const block = editor.getBlockById(editor.selection.range.start.blockId);
       const container = editor.getParentContainer(block);
-      const index2 = editor.getBlockIndex(block);
+      let index2 = editor.getBlockIndex(block);
       const file2 = await selectFile("*");
       if (!file2) {
         return;
@@ -94477,7 +94690,14 @@ ${JSON.stringify(error2, null, 2)}`);
         creator: editor.doc.getUser().displayName,
         previewType: FilePreviewType.Card
       };
-      editor.insertEmbed(getContainerId(container), index2 + 1, "office", data2);
+      if (!isEmptyTextBlock(editor, block)) {
+        index2 += 1;
+      }
+      const embedBlock = editor.insertEmbed(getContainerId(container), index2, "office", data2);
+      const nextBlock = getNextBlock(embedBlock);
+      if (nextBlock && isTextKindBlock(editor, nextBlock)) {
+        editor.selection.selectBlock(nextBlock, 0);
+      }
     }
   }
   class InsertMentionItem {
@@ -94640,6 +94860,9 @@ ${JSON.stringify(error2, null, 2)}`);
               }
               const parent = findParent(child, id);
               if (parent) {
+                if (!parent.onClick) {
+                  return item2;
+                }
                 return parent;
               }
             }
@@ -94671,6 +94894,12 @@ ${JSON.stringify(error2, null, 2)}`);
         tooltipId: editor.clientId,
         id: "main-toolbar"
       });
+      this.toolbar.addListener("closing", () => {
+        setTimeout(() => {
+          editor.focus();
+        }, 100);
+        return true;
+      });
       this.toolbar.addListener("click", this.handleClick);
       this.editor.addListener("selectionChanged", this.handleSelectionChanged);
       this.updateState();
@@ -94749,6 +94978,294 @@ ${JSON.stringify(error2, null, 2)}`);
       }
     });
   }
+  const CkeImageConverter = {
+    filter: (node) => {
+      if (node.nodeName !== "IMG") {
+        return false;
+      }
+      const elem = node;
+      const refId = elem.getAttribute("data-ref-id");
+      const refType = elem.getAttribute("data-ref-type");
+      const uuid = elem.getAttribute("data-uuid");
+      return Boolean(refType === "task" && refId && uuid);
+    },
+    replacement: (content, node) => {
+      const refType = node.getAttribute("data-ref-type");
+      const refId = node.getAttribute("data-ref-id");
+      const uuid = node.getAttribute("data-uuid");
+      const src = `ones-file:${refType}/${refId}/${uuid}`;
+      return `![${refType}](${src})`;
+    }
+  };
+  const ckeHtmlConverters = /* @__PURE__ */ new Map();
+  function registerCKEHtmlConvert(name, converter) {
+    if (ckeHtmlConverters.has(name)) {
+      return;
+    }
+    ckeHtmlConverters.set(name, converter);
+    turndownService.use((ts) => {
+      ts.addRule(name, converter);
+    });
+  }
+  function getTurndownRootElement(node) {
+    let parent = node;
+    while (parent) {
+      if (parent instanceof HTMLElement && parent.tagName === "BODY") {
+        return parent;
+      }
+      if (!parent.parentNode) {
+        return parent;
+      }
+      parent = parent.parentNode;
+    }
+    return node;
+  }
+  function patchForEmptyBlock(key, node, className) {
+    const root2 = getTurndownRootElement(node);
+    if (root2 && root2 instanceof HTMLElement) {
+      const attributeKey = `data-${key}-processed`;
+      if (!root2.getAttribute(attributeKey)) {
+        root2.setAttribute(attributeKey, "true");
+        const elements = root2.querySelectorAll(className);
+        elements.forEach((elem) => {
+          var _a;
+          const text2 = (_a = elem.textContent) == null ? void 0 : _a.trim();
+          if (!text2) {
+            elem.innerText = "--temp-data--";
+          }
+        });
+      }
+    }
+  }
+  const CkeCommentConverter = {
+    filter: (node) => {
+      if (node.nodeName === "SPAN") {
+        const span = node;
+        const ref = span.getAttribute("data-annotate-ref");
+        return Boolean(ref);
+      }
+      return false;
+    },
+    replacement: (content, node) => {
+      var _a;
+      const span = node;
+      const ref = span.getAttribute("data-annotate-ref");
+      const text2 = (_a = span.textContent) != null ? _a : "";
+      return `[${text2}](comment://${ref})`;
+    }
+  };
+  function processCkeCommentsLink(doc2) {
+    const containers = doc2.blocks;
+    Object.values(containers).forEach((blocks) => {
+      blocks.forEach((block) => {
+        const text2 = block.text;
+        if (text2) {
+          text2.forEach((op) => {
+            if (op.attributes) {
+              const attributes = op.attributes;
+              const link2 = attributes.link;
+              if (link2 == null ? void 0 : link2.startsWith("comment://")) {
+                delete attributes.link;
+                const commentId = link2.replace("comment://", "");
+                const key = `comment-${commentId.toLocaleLowerCase()}`;
+                attributes[key] = commentId;
+              }
+            }
+          });
+        }
+      });
+    });
+  }
+  const CkeMentionConverter = {
+    filter: (node) => {
+      patchForEmptyBlock("mention", node, ".ones-at-user-block");
+      if (node.nodeName === "SPAN") {
+        const span = node;
+        if (hasClass(span, "ones-at-user-block")) {
+          const name = span.getAttribute("data-default-name");
+          const refId = span.getAttribute("data-ref-id");
+          return Boolean(name) && Boolean(refId);
+        }
+      }
+      return false;
+    },
+    replacement: (content, node) => {
+      const span = node;
+      const name = span.getAttribute("data-default-name") || "";
+      const refId = span.getAttribute("data-ref-id") || "";
+      if (name && refId) {
+        const box = {
+          id: genId(),
+          type: "mention",
+          box: true,
+          created: Date.now(),
+          iconUrl: "",
+          text: name,
+          mentionId: refId
+        };
+        const text2 = [
+          {
+            insert: " ",
+            attributes: box
+          }
+        ];
+        const obj = {
+          text: text2
+        };
+        const base64 = toBase64URL(JSON.stringify(obj));
+        return `[[${base64}]]`;
+      }
+      return name;
+    }
+  };
+  function convertMentionToCkeMention(editor, boxData, doc2, type) {
+    const data2 = boxData;
+    if (type === "html") {
+      return `<ones-at-user data-ref-name="${data2.text}" data-ref-id="${data2.mentionId}" data-default-name="${data2.text}" class="ones-at-user-block" data-viewer="1"><span>@${data2.text}</span></ones-at-user>`;
+    }
+    return `@${data2.text}`;
+  }
+  function patchMentionConverter(editor) {
+    const mentionBox = editor.editorBoxes.getBoxClass("mention");
+    if (mentionBox) {
+      const oldConvertTo = mentionBox.convertTo;
+      if (oldConvertTo !== convertMentionToCkeMention) {
+        mentionBox.convertTo = convertMentionToCkeMention;
+      }
+    }
+  }
+  function processLinks(doc2) {
+    const containers = doc2.blocks;
+    Object.values(containers).forEach((blocks) => {
+      blocks.forEach((block) => {
+        if (block.text) {
+          const text2 = block.text;
+          text2.forEach((op) => {
+            const attributes = op.attributes;
+            if (attributes) {
+              attributes.link;
+            }
+          });
+        }
+      });
+    });
+  }
+  const CkeMarkdownConverter = {
+    filter: (node) => {
+      if (node.nodeName !== "DIV") {
+        return false;
+      }
+      const div = node;
+      return hasClass(div, "ones-marked-card");
+    },
+    replacement: (content, node) => {
+      const textToCodeBlock2 = (text2, language) => {
+        const codeBlocks = text2.split("\n").map((line) => {
+          const block = {
+            type: "text",
+            id: genId(),
+            text: createRichText(line)
+          };
+          return block;
+        });
+        const containerId = genId();
+        const doc22 = {
+          blocks: {
+            root: [
+              {
+                id: genId(),
+                type: "code",
+                language,
+                children: [containerId]
+              }
+            ],
+            [containerId]: codeBlocks
+          },
+          meta: {},
+          comments: {}
+        };
+        return toBase64URL(JSON.stringify(doc22));
+      };
+      const nodeToCodeBlock2 = (node2, lang) => {
+        const text2 = node2.textContent || "";
+        return textToCodeBlock2(text2, lang);
+      };
+      const doc2 = nodeToCodeBlock2(node, "markdown");
+      const fence = "```";
+      return "\n\n" + fence + "\n" + doc2 + "\n" + fence + "\n\n";
+    }
+  };
+  registerCKEHtmlConvert("image", CkeImageConverter);
+  registerCKEHtmlConvert("comment", CkeCommentConverter);
+  registerCKEHtmlConvert("mention", CkeMentionConverter);
+  registerCKEHtmlConvert("markdown", CkeMarkdownConverter);
+  function ckeHtml2Doc(html) {
+    const doc2 = htmlToDoc(html) || createEmptyDoc$1();
+    processCkeCommentsLink(doc2);
+    processLinks(doc2);
+    return doc2;
+  }
+  function injectDocToCkeHtmlFragment(htmlFragment, doc2, text2) {
+    const meta = `<meta charset="utf-8"><ones-editor-doc data-source="ones-editor-doc::${toBase64URL(
+      JSON.stringify(doc2)
+    )}::ones-editor-doc" />`;
+    let textMeta = "";
+    if (text2) {
+      textMeta = `<meta name="ones-editor-text" content="${toBase64URL(text2)}" />`;
+    }
+    const html = `<!doctype html><html><head>${meta}${textMeta}</head><body>${htmlFragment}</body></html>`;
+    return html;
+  }
+  function editorToCKEHtml(editor) {
+    patchMentionConverter(editor);
+    const docObject = editor.doc.toJSON();
+    if (isEmptyDoc(docObject)) {
+      return "";
+    }
+    let html = docToHtmlFragment(editor, docObject);
+    const text2 = docToText(editor, docObject);
+    html = injectDocToCkeHtmlFragment(html, docObject, text2);
+    return html;
+  }
+  function combineDoc(doc1, doc2) {
+    if (isEmptyDoc(doc1)) {
+      return doc2;
+    }
+    if (isEmptyDoc(doc2)) {
+      return doc1;
+    }
+    const splitterDoc = createEmptyDoc$1("", {
+      firstLineAsTitle: false
+    });
+    return mergeDocs([doc1, splitterDoc, doc2]);
+  }
+  function mergeHTMLBodiesOnly(htmlA, htmlB) {
+    const parser = new DOMParser();
+    const docA = parser.parseFromString(htmlA, "text/html");
+    const docB = parser.parseFromString(htmlB, "text/html");
+    const mergedDoc = document.implementation.createHTMLDocument("Merged");
+    const bodyA = docA.body;
+    const bodyB = docB.body;
+    const mergedBody = mergedDoc.body;
+    Array.from(bodyA.childNodes).forEach((node) => {
+      mergedBody.appendChild(mergedDoc.importNode(node, true));
+    });
+    Array.from(bodyB.childNodes).forEach((node) => {
+      mergedBody.appendChild(mergedDoc.importNode(node, true));
+    });
+    return mergedBody.innerHTML;
+  }
+  function combineCkeHtml(html1, html2) {
+    const doc1 = ckeHtml2Doc(html1);
+    const doc2 = ckeHtml2Doc(html2);
+    const newDoc = combineDoc(doc1, doc2);
+    const newHtml = mergeHTMLBodiesOnly(html1, html2);
+    const ret = injectDocToCkeHtmlFragment(newHtml, newDoc);
+    return ret;
+  }
+  function combineRichTextValue(value1, value2) {
+    return combineCkeHtml(value1, value2);
+  }
   const logger = getLogger("create-editor");
   function getHooks(options, local) {
     var _a;
@@ -95007,7 +95524,7 @@ ${JSON.stringify(error2, null, 2)}`);
         }
       }
     });
-    editor.version = "2.9.8-beta.3";
+    editor.version = "2.9.8-beta.30";
     return editor;
   }
   function isDoc(doc2) {
@@ -95139,7 +95656,7 @@ ${JSON.stringify(error2, null, 2)}`);
     OnesEditorDropTarget.register(editor);
     OnesEditorTocProvider.register(editor);
     OnesEditorExclusiveBlock.register(editor);
-    editor.version = "2.9.8-beta.3";
+    editor.version = "2.9.8-beta.30";
     return editor;
   }
   async function showDocVersions(editor, options, serverUrl) {
@@ -141241,12 +141758,15 @@ ${JSON.stringify(error2, null, 2)}`);
   exports2.blockToText = blockToText;
   exports2.blocksToDoc = blocksToDoc;
   exports2.changeButtonName = changeButtonName;
+  exports2.ckeHtml2Doc = ckeHtml2Doc;
   exports2.clearAllSelection = clearAllSelection;
   exports2.clientType = clientType;
   exports2.cloneBlock = cloneBlock;
   exports2.cloneChildContainer = cloneChildContainer;
   exports2.cloneDoc = cloneDoc;
   exports2.cloneText = cloneText;
+  exports2.combineCkeHtml = combineCkeHtml;
+  exports2.combineRichTextValue = combineRichTextValue;
   exports2.commentToShareDbComment = commentToShareDbComment;
   exports2.compareElement = compareElement;
   exports2.comparePosition = comparePosition;
@@ -141386,6 +141906,7 @@ ${JSON.stringify(error2, null, 2)}`);
   exports2.editorRunOnce = editorRunOnce;
   exports2.editorScrollIntoView = editorScrollIntoView;
   exports2.editorSelectAll = editorSelectAll;
+  exports2.editorSelectAllBlocks = editorSelectAllBlocks;
   exports2.editorSelectContainer = editorSelectContainer;
   exports2.editorSelectDown = editorSelectDown;
   exports2.editorSelectEnd = editorSelectEnd;
@@ -141402,6 +141923,7 @@ ${JSON.stringify(error2, null, 2)}`);
   exports2.editorSelectWordLeft = editorSelectWordLeft;
   exports2.editorSetTextColor = editorSetTextColor;
   exports2.editorShowFindDialog = editorShowFindDialog;
+  exports2.editorToCKEHtml = editorToCKEHtml;
   exports2.editorToDocx = editorToDocx;
   exports2.editorUpdateBlockData = editorUpdateBlockData;
   exports2.editorUpdateCompositionText = editorUpdateCompositionText;
@@ -141568,6 +142090,7 @@ ${JSON.stringify(error2, null, 2)}`);
   exports2.i18n = i18n$1;
   exports2.includeBigTable = includeBigTable;
   exports2.injectBlockOptions = injectBlockOptions;
+  exports2.injectDocToCkeHtmlFragment = injectDocToCkeHtmlFragment;
   exports2.injectDocToHtmlFragment = injectDocToHtmlFragment;
   exports2.injectSource = injectSource;
   exports2.injectStyle = injectStyle;