vue-editify 0.1.39 → 0.1.41

package/lib/editify.es.js

@@ -17924,21 +17924,6 @@ const cloneData = function(data2) {
   }
   return data2;
 };
-const getColNumbers = function(row) {
-  const children = row.children || [];
-  let num = 0;
-  children.forEach((td) => {
-    if (td.hasMarks() && td.marks.hasOwnProperty("colspan")) {
-      const span = Number(td.marks.colspan);
-      if (!isNaN(span)) {
-        num += span;
-      }
-    } else {
-      num += 1;
-    }
-  });
-  return num;
-};
 const getButtonOptionsConfig = function(editTrans) {
   return {
     //标题配置
@@ -18372,7 +18357,7 @@ const getToolbarConfig = function(editTrans, editLocale) {
         rightBorder: false
       }
     },
-    //（只对文本工具条中的按钮生效）添加额外的按钮禁用判定，回调参数为name，this指向组件实例
+    //（只对文本工具条中的按钮生效）添加额外的按钮禁用判定，回调参数为name
     extraDisabled: null
   };
 };
@@ -18384,7 +18369,7 @@ const getMenuConfig = function(editTrans, editLocale) {
     tooltip: true,
     //菜单栏显示模式，支持default/inner/fixed
     mode: "default",
-    //添加额外的按钮禁用判定，回调参数为name，this指向组件实例
+    //添加额外的按钮禁用判定，回调参数为name
     extraDisabled: null,
     //菜单栏的样式自定义
     style: null,
@@ -18771,45 +18756,60 @@ const getMenuConfig = function(editTrans, editLocale) {
     extends: {}
   };
 };
-const getParsedomElementByElement = (element2, parsedom) => {
+const elementIsMatch = (element2, config) => {
+  if (element2.isText()) {
+    return false;
+  }
+  let isMatch = true;
+  if (config.parsedom && config.parsedom != element2.parsedom) {
+    isMatch = false;
+  }
+  if (config.marks) {
+    const hasMarks = Object.keys(config.marks).every((key) => {
+      return element2.hasMarks() && element2.marks[key] && element2.marks[key] == config.marks[key];
+    });
+    if (!hasMarks) {
+      isMatch = false;
+    }
+  }
+  if (config.styles) {
+    const hasStyles = Object.keys(config.styles).every((key) => {
+      return element2.hasStyles() && element2.styles[key] && element2.styles[key] == config.styles[key];
+    });
+    if (!hasStyles) {
+      isMatch = false;
+    }
+  }
+  return isMatch;
+};
+const getMatchElementByElement = (element2, config) => {
   if (element2.isBlock()) {
-    return element2.parsedom == parsedom ? element2 : null;
+    return elementIsMatch(element2, config) ? element2 : null;
   }
-  if (!element2.isText() && element2.parsedom == parsedom) {
+  if (elementIsMatch(element2, config)) {
     return element2;
   }
-  return getParsedomElementByElement(element2.parent, parsedom);
+  return getMatchElementByElement(element2.parent, config);
 };
-const getCurrentParsedomElement = (editor, dataRangeCaches, parsedom) => {
+const getMatchElementsByRange = (editor, dataRangeCaches, config) => {
+  let elements = [];
   if (!editor.range) {
-    return null;
+    return elements;
   }
   if (editor.range.anchor.element.isEqual(editor.range.focus.element)) {
-    return getParsedomElementByElement(editor.range.anchor.element, parsedom);
-  }
-  const arr = dataRangeCaches.list.map((item) => {
-    return getParsedomElementByElement(item.element, parsedom);
-  });
-  let hasNull = arr.some((el) => {
-    return el == null;
-  });
-  if (hasNull) {
-    return null;
-  }
-  if (arr.length == 1) {
-    return arr[0];
-  }
-  let flag = true;
-  for (let i = 1; i < arr.length; i++) {
-    if (!arr[i].isEqual(arr[0])) {
-      flag = false;
-      break;
+    const element2 = getMatchElementByElement(editor.range.anchor.element, config);
+    if (element2) {
+      elements = [element2];
     }
+    return elements;
   }
-  if (flag) {
-    return arr[0];
-  }
-  return null;
+  dataRangeCaches.flatList.forEach((item) => {
+    const element2 = getMatchElementByElement(item.element, config);
+    if (element2 && !elements.some((el) => el.isEqual(element2))) {
+      elements.push(element2);
+    }
+  });
+  return elements;
 };
 const elementIsInList = (element2, ordered) => {
   if (isList(element2, ordered)) {
@@ -18846,10 +18846,10 @@ const hasPreInRange = (editor, dataRangeCaches) => {
     return false;
   }
   if (editor.range.anchor.isEqual(editor.range.focus)) {
-    return !!getParsedomElementByElement(editor.range.anchor.element, "pre");
+    return !!getMatchElementByElement(editor.range.anchor.element, { parsedom: "pre" });
   }
   return dataRangeCaches.flatList.some((item) => {
-    return !!getParsedomElementByElement(item.element, "pre");
+    return !!getMatchElementByElement(item.element, { parsedom: "pre" });
   });
 };
 const isRangeInPre = (editor, dataRangeCaches) => {
@@ -18857,10 +18857,10 @@ const isRangeInPre = (editor, dataRangeCaches) => {
     return false;
   }
   if (editor.range.anchor.isEqual(editor.range.focus)) {
-    return !!getParsedomElementByElement(editor.range.anchor.element, "pre");
+    return !!getMatchElementByElement(editor.range.anchor.element, { parsedom: "pre" });
   }
   return dataRangeCaches.list.every((item) => {
-    return !!getParsedomElementByElement(item.element, "pre");
+    return !!getMatchElementByElement(item.element, { parsedom: "pre" });
   });
 };
 const hasQuoteInRange = (editor, dataRangeCaches) => {
@@ -18868,10 +18868,10 @@ const hasQuoteInRange = (editor, dataRangeCaches) => {
     return false;
   }
   if (editor.range.anchor.isEqual(editor.range.focus)) {
-    return !!getParsedomElementByElement(editor.range.anchor.element, "blockquote");
+    return !!getMatchElementByElement(editor.range.anchor.element, { parsedom: "blockquote" });
   }
   return dataRangeCaches.flatList.some((item) => {
-    return !!getParsedomElementByElement(item.element, "blockquote");
+    return !!getMatchElementByElement(item.element, { parsedom: "blockquote" });
   });
 };
 const isRangeInQuote = (editor, dataRangeCaches) => {
@@ -18879,10 +18879,10 @@ const isRangeInQuote = (editor, dataRangeCaches) => {
     return false;
   }
   if (editor.range.anchor.isEqual(editor.range.focus)) {
-    return !!getParsedomElementByElement(editor.range.anchor.element, "blockquote");
+    return !!getMatchElementByElement(editor.range.anchor.element, { parsedom: "blockquote" });
   }
   return dataRangeCaches.list.every((item) => {
-    return !!getParsedomElementByElement(item.element, "blockquote");
+    return !!getMatchElementByElement(item.element, { parsedom: "blockquote" });
   });
 };
 const hasListInRange = (editor, dataRangeCaches, ordered = false) => {
@@ -18934,10 +18934,10 @@ const hasLinkInRange = (editor, dataRangeCaches) => {
     return false;
   }
   if (editor.range.anchor.isEqual(editor.range.focus)) {
-    return !!getParsedomElementByElement(editor.range.anchor.element, "a");
+    return !!getMatchElementByElement(editor.range.anchor.element, { parsedom: "a" });
   }
   return dataRangeCaches.flatList.some((item) => {
-    return !!getParsedomElementByElement(item.element, "a");
+    return !!getMatchElementByElement(item.element, { parsedom: "a" });
   });
 };
 const hasTableInRange = (editor, dataRangeCaches) => {
@@ -18945,10 +18945,10 @@ const hasTableInRange = (editor, dataRangeCaches) => {
     return false;
   }
   if (editor.range.anchor.isEqual(editor.range.focus)) {
-    return !!getParsedomElementByElement(editor.range.anchor.element, "table");
+    return !!getMatchElementByElement(editor.range.anchor.element, { parsedom: "table" });
   }
   return dataRangeCaches.flatList.some((item) => {
-    return !!getParsedomElementByElement(item.element, "table");
+    return !!getMatchElementByElement(item.element, { parsedom: "table" });
   });
 };
 const hasImageInRange = (editor, dataRangeCaches) => {
@@ -18956,10 +18956,10 @@ const hasImageInRange = (editor, dataRangeCaches) => {
     return false;
   }
   if (editor.range.anchor.isEqual(editor.range.focus)) {
-    return !!getParsedomElementByElement(editor.range.anchor.element, "img");
+    return !!getMatchElementByElement(editor.range.anchor.element, { parsedom: "img" });
   }
   return dataRangeCaches.flatList.some((item) => {
-    return !!getParsedomElementByElement(item.element, "img");
+    return !!getMatchElementByElement(item.element, { parsedom: "img" });
   });
 };
 const hasVideoInRange = (editor, dataRangeCaches) => {
@@ -18967,10 +18967,10 @@ const hasVideoInRange = (editor, dataRangeCaches) => {
     return false;
   }
   if (editor.range.anchor.isEqual(editor.range.focus)) {
-    return !!getParsedomElementByElement(editor.range.anchor.element, "video");
+    return !!getMatchElementByElement(editor.range.anchor.element, { parsedom: "video" });
   }
   return dataRangeCaches.flatList.some((item) => {
-    return !!getParsedomElementByElement(item.element, "video");
+    return !!getMatchElementByElement(item.element, { parsedom: "video" });
   });
 };
 const queryTextStyle = (editor, dataRangeCaches, name, value) => {
@@ -19653,10 +19653,10 @@ const insertCodeBlock = (editor, dataRangeCaches) => {
   if (!editor.range) {
     return;
   }
-  const pre = getCurrentParsedomElement(editor, dataRangeCaches, "pre");
-  if (pre) {
+  const pres = getMatchElementsByRange(editor, dataRangeCaches, { parsedom: "pre" });
+  if (pres.length == 1) {
     let content = "";
-    AlexElement.flatElements(pre.children).filter((item) => {
+    AlexElement.flatElements(pres[0].children).filter((item) => {
       return item.isText();
     }).forEach((item) => {
       content += item.textContent;
@@ -19666,9 +19666,9 @@ const insertCodeBlock = (editor, dataRangeCaches) => {
       const paragraph = new AlexElement("block", AlexElement.BLOCK_NODE, null, null, null);
       const text2 = new AlexElement("text", null, null, null, item);
       editor.addElementTo(text2, paragraph);
-      editor.addElementBefore(paragraph, pre);
+      editor.addElementBefore(paragraph, pres[0]);
     });
-    pre.toEmpty();
+    pres[0].toEmpty();
   } else {
     if (editor.range.anchor.isEqual(editor.range.focus)) {
       const block = editor.range.anchor.element.getBlock();
@@ -19690,30 +19690,30 @@ const insertCodeBlock = (editor, dataRangeCaches) => {
           obj[el.element.getBlock().key] = [el.element.clone()];
         }
       });
-      const pre2 = new AlexElement("block", "pre", null, null, null);
+      const pre = new AlexElement("block", "pre", null, null, null);
       Object.keys(obj).forEach((key, index) => {
         if (index > 0) {
           const text2 = new AlexElement("text", null, null, null, "\n");
-          if (pre2.hasChildren()) {
-            editor.addElementTo(text2, pre2, pre2.children.length);
+          if (pre.hasChildren()) {
+            editor.addElementTo(text2, pre, pre.children.length);
           } else {
-            editor.addElementTo(text2, pre2);
+            editor.addElementTo(text2, pre);
           }
         }
         obj[key].forEach((el) => {
-          if (pre2.hasChildren()) {
-            editor.addElementTo(el, pre2, pre2.children.length);
+          if (pre.hasChildren()) {
+            editor.addElementTo(el, pre, pre.children.length);
           } else {
-            editor.addElementTo(el, pre2);
+            editor.addElementTo(el, pre);
           }
         });
       });
       editor.delete();
-      editor.insertElement(pre2);
+      editor.insertElement(pre);
       const paragraph = new AlexElement("block", AlexElement.BLOCK_NODE, null, null, null);
       const breakEl = new AlexElement("closed", "br", null, null, null);
       editor.addElementTo(breakEl, paragraph);
-      editor.addElementAfter(paragraph, pre2);
+      editor.addElementAfter(paragraph, pre);
     }
   }
 };
@@ -19863,6 +19863,11 @@ const tableHandle = function(editor, element2) {
     let colgroup = elements.find((el) => {
       return el.parsedom == "colgroup";
     });
+    const colNumber = Math.max(
+      ...rows.map((row) => {
+        return row.children.length;
+      })
+    );
     if (colgroup) {
       colgroup.children.forEach((col) => {
         if (!col.hasMarks()) {
@@ -19873,9 +19878,23 @@ const tableHandle = function(editor, element2) {
           col.marks["width"] = "auto";
         }
       });
+      const length = colgroup.children.length;
+      if (length < colNumber) {
+        for (let i = 0; i < colNumber - length; i++) {
+          const col = new AlexElement(
+            "closed",
+            "col",
+            {
+              width: "auto"
+            },
+            null,
+            null
+          );
+          editor.addElementTo(col, colgroup, colgroup.children.length);
+        }
+      }
     } else {
       colgroup = new AlexElement("inblock", "colgroup", null, null, null);
-      const colNumber = getColNumbers(rows[0]);
       for (let i = colNumber - 1; i >= 0; i--) {
         const col = new AlexElement(
           "closed",
@@ -19892,6 +19911,15 @@ const tableHandle = function(editor, element2) {
     element2.children = [];
     const tbody = new AlexElement("inblock", "tbody", null, null, null);
     rows.reverse().forEach((row) => {
+      const length = row.children.length;
+      if (length < colNumber) {
+        for (let i = 0; i < colNumber - length; i++) {
+          const column = new AlexElement("inblock", "td", null, null, null);
+          const breakElement = new AlexElement("closed", "br", null, null, null);
+          editor.addElementTo(breakElement, column);
+          editor.addElementTo(column, row, row.children.length);
+        }
+      }
       editor.addElementTo(row, tbody);
     });
     editor.addElementTo(tbody, element2);
@@ -19900,6 +19928,21 @@ const tableHandle = function(editor, element2) {
   if (element2.parsedom == "th") {
     element2.parsedom = "td";
   }
+  if (element2.parsedom == "td") {
+    if (element2.hasMarks()) {
+      if (element2.marks["rowspan"]) {
+        delete element2.marks["rowspan"];
+      }
+      if (element2.marks["colspan"]) {
+        delete element2.marks["colspan"];
+      }
+    }
+    if (element2.hasStyles()) {
+      if (element2.styles["display"]) {
+        delete element2.styles["display"];
+      }
+    }
+  }
 };
 const preHandle = function(editor, element2, highlight2, languages2) {
   if (element2.parsedom == "pre") {
@@ -21753,34 +21796,34 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
       if (!linkConfig.value.url) {
         return;
       }
-      const link = getCurrentParsedomElement(editor.value, dataRangeCaches.value, "a");
-      if (link) {
-        link.marks.href = linkConfig.value.url;
+      const links = getMatchElementsByRange(editor.value, dataRangeCaches.value, { parsedom: "a" });
+      if (links.length == 1) {
+        links[0].marks.href = linkConfig.value.url;
         if (linkConfig.value.newOpen) {
-          link.marks.target = "_blank";
+          links[0].marks.target = "_blank";
         } else {
-          delete link.marks.target;
+          delete links[0].marks.target;
         }
+        editor.value.formatElementStack();
+        editor.value.domRender();
       }
-      editor.value.formatElementStack();
-      editor.value.domRender();
     };
     const removeLink = () => {
-      const link = getCurrentParsedomElement(editor.value, dataRangeCaches.value, "a");
-      if (link) {
-        link.parsedom = AlexElement.TEXT_NODE;
-        delete link.marks["target"];
-        delete link.marks["href"];
-        delete link.marks["data-editify-element"];
+      const links = getMatchElementsByRange(editor.value, dataRangeCaches.value, { parsedom: "a" });
+      if (links.length == 1) {
+        links[0].parsedom = AlexElement.TEXT_NODE;
+        delete links[0].marks["target"];
+        delete links[0].marks["href"];
+        delete links[0].marks["data-editify-element"];
+        editor.value.formatElementStack();
+        editor.value.domRender();
+        editor.value.rangeRender();
       }
-      editor.value.formatElementStack();
-      editor.value.domRender();
-      editor.value.rangeRender();
     };
     const selectLanguage = (_name, value) => {
-      const pre = getCurrentParsedomElement(editor.value, dataRangeCaches.value, "pre");
-      if (pre) {
-        Object.assign(pre.marks, {
+      const pres = getMatchElementsByRange(editor.value, dataRangeCaches.value, { parsedom: "pre" });
+      if (pres.length == 1) {
+        Object.assign(pres[0].marks, {
           "data-editify-hljs": value
         });
         editor.value.formatElementStack();
@@ -21793,15 +21836,15 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
         editor.value.range.anchor.element = editor.value.range.focus.element;
         editor.value.range.anchor.offset = editor.value.range.focus.offset;
       }
-      const pre = getCurrentParsedomElement(editor.value, dataRangeCaches.value, "pre");
-      if (pre) {
+      const pres = getMatchElementsByRange(editor.value, dataRangeCaches.value, { parsedom: "pre" });
+      if (pres.length == 1) {
         const paragraph = new AlexElement("block", AlexElement.BLOCK_NODE, null, null, null);
         const breakEl = new AlexElement("closed", "br", null, null, null);
         editor.value.addElementTo(breakEl, paragraph);
         if (type == "up") {
-          editor.value.addElementBefore(paragraph, pre);
+          editor.value.addElementBefore(paragraph, pres[0]);
         } else {
-          editor.value.addElementAfter(paragraph, pre);
+          editor.value.addElementAfter(paragraph, pres[0]);
         }
         editor.value.range.anchor.moveToEnd(paragraph);
         editor.value.range.focus.moveToEnd(paragraph);
@@ -21815,16 +21858,16 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
         editor.value.range.anchor.element = editor.value.range.focus.element;
         editor.value.range.anchor.offset = editor.value.range.focus.offset;
       }
-      const table = getCurrentParsedomElement(editor.value, dataRangeCaches.value, "table");
-      const column = getCurrentParsedomElement(editor.value, dataRangeCaches.value, "td");
-      const tbody = getCurrentParsedomElement(editor.value, dataRangeCaches.value, "tbody");
-      if (column && table && tbody) {
-        const rows = tbody.children;
-        const index = column.parent.children.findIndex((item) => {
-          return item.isEqual(column);
+      const tables = getMatchElementsByRange(editor.value, dataRangeCaches.value, { parsedom: "table" });
+      const columns = getMatchElementsByRange(editor.value, dataRangeCaches.value, { parsedom: "td" });
+      const tbodys = getMatchElementsByRange(editor.value, dataRangeCaches.value, { parsedom: "tbody" });
+      if (tables.length == 1 && tbodys.length == 1 && columns.length == 1) {
+        const rows = tbodys[0].children;
+        const index = columns[0].parent.children.findIndex((item) => {
+          return item.isEqual(columns[0]);
         });
         rows.forEach((row) => {
-          const newColumn = column.clone(false);
+          const newColumn = columns[0].clone(false);
           const breakEl = new AlexElement("closed", "br", null, null, null);
           editor.value.addElementTo(breakEl, newColumn);
           if (type == "left") {
@@ -21833,7 +21876,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
             editor.value.addElementTo(newColumn, row, index + 1);
           }
         });
-        const colgroup = table.children.find((item) => {
+        const colgroup = tables[0].children.find((item) => {
           return item.parsedom == "colgroup";
         });
         const col = new AlexElement("closed", "col", null, null, null);
@@ -21844,11 +21887,11 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
         }
         editor.value.formatElementStack();
         if (type == "left") {
-          const previousColumn = editor.value.getPreviousElement(column);
+          const previousColumn = editor.value.getPreviousElement(columns[0]);
           editor.value.range.anchor.moveToStart(previousColumn);
           editor.value.range.focus.moveToStart(previousColumn);
         } else {
-          const nextColumn = editor.value.getNextElement(column);
+          const nextColumn = editor.value.getNextElement(columns[0]);
           editor.value.range.anchor.moveToStart(nextColumn);
           editor.value.range.focus.moveToStart(nextColumn);
         }
@@ -21861,19 +21904,19 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
         editor.value.range.anchor.element = editor.value.range.focus.element;
         editor.value.range.anchor.offset = editor.value.range.focus.offset;
       }
-      const table = getCurrentParsedomElement(editor.value, dataRangeCaches.value, "table");
-      const row = getCurrentParsedomElement(editor.value, dataRangeCaches.value, "tr");
-      if (table && row) {
-        const newRow = row.clone();
+      const tables = getMatchElementsByRange(editor.value, dataRangeCaches.value, { parsedom: "table" });
+      const rows = getMatchElementsByRange(editor.value, dataRangeCaches.value, { parsedom: "tr" });
+      if (tables.length == 1 && rows.length == 1) {
+        const newRow = rows[0].clone();
         newRow.children.forEach((column) => {
           column.children = [];
           const breakEl = new AlexElement("closed", "br", null, null, null);
           editor.value.addElementTo(breakEl, column);
         });
         if (type == "up") {
-          editor.value.addElementBefore(newRow, row);
+          editor.value.addElementBefore(newRow, rows[0]);
         } else {
-          editor.value.addElementAfter(newRow, row);
+          editor.value.addElementAfter(newRow, rows[0]);
         }
         editor.value.formatElementStack();
         editor.value.range.anchor.moveToStart(newRow);
@@ -21886,15 +21929,15 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
       }
     };
     const insertParagraphWithTable = (type = "up") => {
-      const table = getCurrentParsedomElement(editor.value, dataRangeCaches.value, "table");
-      if (table) {
+      const tables = getMatchElementsByRange(editor.value, dataRangeCaches.value, { parsedom: "table" });
+      if (tables.length == 1) {
         const paragraph = new AlexElement("block", AlexElement.BLOCK_NODE, null, null, null);
         const breakEl = new AlexElement("closed", "br", null, null, null);
         editor.value.addElementTo(breakEl, paragraph);
         if (type == "up") {
-          editor.value.addElementBefore(paragraph, table);
+          editor.value.addElementBefore(paragraph, tables[0]);
         } else {
-          editor.value.addElementAfter(paragraph, table);
+          editor.value.addElementAfter(paragraph, tables[0]);
         }
         editor.value.range.anchor.moveToEnd(paragraph);
         editor.value.range.focus.moveToEnd(paragraph);
@@ -21904,9 +21947,9 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
       }
     };
     const deleteElement = (parsedom) => {
-      const element2 = getCurrentParsedomElement(editor.value, dataRangeCaches.value, parsedom);
-      if (element2) {
-        element2.toEmpty();
+      const elements = getMatchElementsByRange(editor.value, dataRangeCaches.value, { parsedom });
+      if (elements.length == 1) {
+        elements[0].toEmpty();
         editor.value.formatElementStack();
         editor.value.domRender();
         editor.value.rangeRender();
@@ -21917,17 +21960,17 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
         editor.value.range.anchor.element = editor.value.range.focus.element;
         editor.value.range.anchor.offset = editor.value.range.focus.offset;
       }
-      const table = getCurrentParsedomElement(editor.value, dataRangeCaches.value, "table");
-      const row = getCurrentParsedomElement(editor.value, dataRangeCaches.value, "tr");
-      if (table && row) {
-        const parent = row.parent;
+      const tables = getMatchElementsByRange(editor.value, dataRangeCaches.value, { parsedom: "table" });
+      const rows = getMatchElementsByRange(editor.value, dataRangeCaches.value, { parsedom: "tr" });
+      if (tables.length == 1 && rows.length == 1) {
+        const parent = rows[0].parent;
         if (parent.children.length == 1) {
           deleteElement("table");
           return;
         }
-        const previousRow = editor.value.getPreviousElement(row);
-        const nextRow = editor.value.getNextElement(row);
-        row.toEmpty();
+        const previousRow = editor.value.getPreviousElement(rows[0]);
+        const nextRow = editor.value.getNextElement(rows[0]);
+        rows[0].toEmpty();
         editor.value.formatElementStack();
         if (previousRow) {
           editor.value.range.anchor.moveToEnd(previousRow.children[0]);
@@ -21948,25 +21991,25 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
         editor.value.range.anchor.element = editor.value.range.focus.element;
         editor.value.range.anchor.offset = editor.value.range.focus.offset;
       }
-      const column = getCurrentParsedomElement(editor.value, dataRangeCaches.value, "td");
-      const tbody = getCurrentParsedomElement(editor.value, dataRangeCaches.value, "tbody");
-      const table = getCurrentParsedomElement(editor.value, dataRangeCaches.value, "table");
-      if (column && table && tbody) {
-        const rows = tbody.children;
-        const parent = column.parent;
+      const columns = getMatchElementsByRange(editor.value, dataRangeCaches.value, { parsedom: "td" });
+      const tbodys = getMatchElementsByRange(editor.value, dataRangeCaches.value, { parsedom: "tbody" });
+      const tables = getMatchElementsByRange(editor.value, dataRangeCaches.value, { parsedom: "table" });
+      if (tables.length == 1 && tbodys.length == 1 && columns.length == 1) {
+        const rows = tbodys[0].children;
+        const parent = columns[0].parent;
         if (parent.children.length == 1) {
           deleteElement("table");
           return;
         }
-        const previousColumn = editor.value.getPreviousElement(column);
-        const nextColumn = editor.value.getNextElement(column);
-        const index = column.parent.children.findIndex((item) => {
-          return item.isEqual(column);
+        const previousColumn = editor.value.getPreviousElement(columns[0]);
+        const nextColumn = editor.value.getNextElement(columns[0]);
+        const index = columns[0].parent.children.findIndex((item) => {
+          return item.isEqual(columns[0]);
         });
         rows.forEach((row) => {
           row.children[index].toEmpty();
         });
-        const colgroup = table.children.find((item) => {
+        const colgroup = tables[0].children.find((item) => {
           return item.parsedom == "colgroup";
         });
         colgroup.children[index].toEmpty();
@@ -21983,24 +22026,26 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
       }
     };
     const layerShow = () => {
-      if (props.type == "codeBlock") {
-        const pre = getCurrentParsedomElement(editor.value, dataRangeCaches.value, "pre");
-        if (pre) {
-          languageConfig.value.displayConfig.value = pre.marks["data-editify-hljs"] || "";
-        }
-      } else if (props.type == "link") {
-        const link = getCurrentParsedomElement(editor.value, dataRangeCaches.value, "a");
-        if (link) {
-          linkConfig.value.url = link.marks["href"];
-          linkConfig.value.newOpen = link.marks["target"] == "_blank";
+      if (props.type == "link") {
+        const links = getMatchElementsByRange(editor.value, dataRangeCaches.value, { parsedom: "a" });
+        if (links.length == 1) {
+          linkConfig.value.url = links[0].marks["href"];
+          linkConfig.value.newOpen = links[0].marks["target"] == "_blank";
         }
       } else if (props.type == "video") {
-        const video = getCurrentParsedomElement(editor.value, dataRangeCaches.value, "video");
-        if (video) {
-          videoConfig.value.autoplay = !!video.marks["autoplay"];
-          videoConfig.value.loop = !!video.marks["loop"];
-          videoConfig.value.controls = !!video.marks["controls"];
-          videoConfig.value.muted = !!video.marks["muted"];
+        const videos = getMatchElementsByRange(editor.value, dataRangeCaches.value, { parsedom: "video" });
+        if (videos.length == 1) {
+          videoConfig.value.autoplay = !!videos[0].marks["autoplay"];
+          videoConfig.value.loop = !!videos[0].marks["loop"];
+          videoConfig.value.controls = !!videos[0].marks["controls"];
+          videoConfig.value.muted = !!videos[0].marks["muted"];
+        }
+      } else if (props.type == "codeBlock") {
+        const pres = getMatchElementsByRange(editor.value, dataRangeCaches.value, {
+          parsedom: "pre"
+        });
+        if (pres.length == 1) {
+          languageConfig.value.displayConfig.value = pres[0].marks["data-editify-hljs"] || "";
         }
       } else if (props.type == "text") {
         const extraDisabled = (name) => {
@@ -22437,6 +22482,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
               }, 8, ["title", "tooltip", "color"]),
               createVNode(Button, {
                 onOperate: _cache[18] || (_cache[18] = ($event) => deleteElement("table")),
+                leftBorder: "",
                 name: "deleteTable",
                 title: unref($editTrans)("deleteTable"),
                 tooltip: _ctx.config.tooltip,
@@ -22821,7 +22867,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Toolbar = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-357be052"]]);
+const Toolbar = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-f6219d4c"]]);
 const InsertLinkProps = {
   //主题色
   color: {
@@ -24142,7 +24188,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
       imageConfig.value.disabled = value_hasPreInRange || extraDisabled("image");
       videoConfig.value.disabled = value_hasPreInRange || extraDisabled("video");
       tableConfig.value.disabled = value_hasPreInRange || value_hasTableInRange || value_hasQuoteInRange || extraDisabled("table");
-      codeBlockConfig.value.active = !!getCurrentParsedomElement(editor.value, dataRangeCaches.value, "pre");
+      codeBlockConfig.value.active = getMatchElementsByRange(editor.value, dataRangeCaches.value, { parsedom: "pre" }).length == 1;
       codeBlockConfig.value.disabled = value_hasTableInRange || value_hasQuoteInRange || value_hasImageInRange || value_hasVideoInRange || extraDisabled("codeBlock");
       sourceViewConfig.value.active = isSourceView.value;
       fullScreenConfig.value.active = isFullScreen.value;
@@ -24854,7 +24900,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Menu = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-13b11735"]]);
+const Menu = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-6c75ad6c"]]);
 const EditifyProps = {
   //国际化语言类型
   locale: {
@@ -25103,6 +25149,7 @@ const en_US = {
   attachmentDefaultName: "attachment",
   //数学公式插件语言配置
   insertMathformula: "Insert mathematical formula",
+  editMathformula: "Edit mathematical formula",
   mathformulaPlaceholder: "Please enter LaTex syntax"
 };
 const zh_CN = {
@@ -25202,6 +25249,7 @@ const zh_CN = {
   attachmentDefaultName: "附件",
   //数学公式插件语言配置
   insertMathformula: "插入数学公式",
+  editMathformula: "编辑数学公式",
   mathformulaPlaceholder: "请输入LaTex语法"
 };
 const trans = (locale) => {
@@ -25334,46 +25382,46 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
       }
       hideToolbar();
       nextTick(() => {
-        const table = getCurrentParsedomElement(editor.value, dataRangeCaches.value, "table");
-        const pre = getCurrentParsedomElement(editor.value, dataRangeCaches.value, "pre");
-        const link = getCurrentParsedomElement(editor.value, dataRangeCaches.value, "a");
-        const image = getCurrentParsedomElement(editor.value, dataRangeCaches.value, "img");
-        const video = getCurrentParsedomElement(editor.value, dataRangeCaches.value, "video");
-        if (link) {
+        const tables = getMatchElementsByRange(editor.value, dataRangeCaches.value, { parsedom: "table" });
+        const pres = getMatchElementsByRange(editor.value, dataRangeCaches.value, { parsedom: "pre" });
+        const links = getMatchElementsByRange(editor.value, dataRangeCaches.value, { parsedom: "a" });
+        const images = getMatchElementsByRange(editor.value, dataRangeCaches.value, { parsedom: "img" });
+        const videos = getMatchElementsByRange(editor.value, dataRangeCaches.value, { parsedom: "video" });
+        if (links.length == 1) {
           toolbarOptions.value.type = "link";
-          toolbarOptions.value.node = `[data-editify-uid="${instance.uid}"] [data-editify-element="${link.key}"]`;
+          toolbarOptions.value.node = `[data-editify-uid="${instance.uid}"] [data-editify-element="${links[0].key}"]`;
           if (toolbarOptions.value.show) {
             toolbarRef.value.$refs.layerRef.setPosition();
           } else {
             toolbarOptions.value.show = true;
           }
-        } else if (image) {
+        } else if (images.length == 1) {
           toolbarOptions.value.type = "image";
-          toolbarOptions.value.node = `[data-editify-uid="${instance.uid}"] [data-editify-element="${image.key}"]`;
+          toolbarOptions.value.node = `[data-editify-uid="${instance.uid}"] [data-editify-element="${images[0].key}"]`;
           if (toolbarOptions.value.show) {
             toolbarRef.value.$refs.layerRef.setPosition();
           } else {
             toolbarOptions.value.show = true;
           }
-        } else if (video) {
+        } else if (videos.length == 1) {
           toolbarOptions.value.type = "video";
-          toolbarOptions.value.node = `[data-editify-uid="${instance.uid}"] [data-editify-element="${video.key}"]`;
+          toolbarOptions.value.node = `[data-editify-uid="${instance.uid}"] [data-editify-element="${videos[0].key}"]`;
           if (toolbarOptions.value.show) {
             toolbarRef.value.$refs.layerRef.setPosition();
           } else {
             toolbarOptions.value.show = true;
           }
-        } else if (table) {
+        } else if (tables.length == 1) {
           toolbarOptions.value.type = "table";
-          toolbarOptions.value.node = `[data-editify-uid="${instance.uid}"] [data-editify-element="${table.key}"]`;
+          toolbarOptions.value.node = `[data-editify-uid="${instance.uid}"] [data-editify-element="${tables[0].key}"]`;
           if (toolbarOptions.value.show) {
             toolbarRef.value.$refs.layerRef.setPosition();
           } else {
             toolbarOptions.value.show = true;
           }
-        } else if (pre) {
+        } else if (pres.length == 1) {
           toolbarOptions.value.type = "codeBlock";
-          toolbarOptions.value.node = `[data-editify-uid="${instance.uid}"] [data-editify-element="${pre.key}"]`;
+          toolbarOptions.value.node = `[data-editify-uid="${instance.uid}"] [data-editify-element="${pres[0].key}"]`;
           if (toolbarOptions.value.show) {
             toolbarRef.value.$refs.layerRef.setPosition();
           } else {
@@ -25505,11 +25553,11 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
       if (!tableColumnResizeParams.value.element) {
         return;
       }
-      const table = getCurrentParsedomElement(editor.value, dataRangeCaches.value, "table");
-      if (!table) {
+      const tables = getMatchElementsByRange(editor.value, dataRangeCaches.value, { parsedom: "table" });
+      if (tables.length != 1) {
         return;
       }
-      const colgroup = table.children.find((item) => {
+      const colgroup = tables[0].children.find((item) => {
         return item.parsedom == "colgroup";
       });
       const index = tableColumnResizeParams.value.element.parent.children.findIndex((el) => {
@@ -25527,11 +25575,11 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
       if (!tableColumnResizeParams.value.element) {
         return;
       }
-      const table = getCurrentParsedomElement(editor.value, dataRangeCaches.value, "table");
-      if (!table) {
+      const tables = getMatchElementsByRange(editor.value, dataRangeCaches.value, { parsedom: "table" });
+      if (tables.length != 1) {
         return;
       }
-      const colgroup = table.children.find((item) => {
+      const colgroup = tables[0].children.find((item) => {
         return item.parsedom == "colgroup";
       });
       const index = tableColumnResizeParams.value.element.parent.children.findIndex((el) => {
@@ -25592,9 +25640,6 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
             if (el.marks["disabled"]) {
               marks["disabled"] = el.marks["disabled"];
             }
-            if (el.parsedom == "td" && el.marks["colspan"]) {
-              marks["colspan"] = el.marks["colspan"];
-            }
             if (["img", "video"].includes(el.parsedom) && el.marks["src"]) {
               marks["src"] = el.marks["src"];
             }
@@ -25651,12 +25696,10 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
             }
           });
           if (typeof props.pasteKeepMarks == "function") {
-            const keepMarks = props.pasteKeepMarks(el);
-            marks = mergeObject(marks, keepMarks);
+            marks = mergeObject(marks, props.pasteKeepMarks(el));
           }
           if (typeof props.pasteKeepStyles == "function") {
-            const keepStyles = props.pasteKeepStyles(el);
-            styles2 = mergeObject(styles2, keepStyles);
+            styles2 = mergeObject(styles2, props.pasteKeepStyles(el));
           }
           el.marks = marks;
           el.styles = styles2;
@@ -26021,7 +26064,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Editify = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-20ab798b"]]);
+const Editify = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-fcc910d9"]]);
 const InsertAttachmentProps = {
   //主题色
   color: {
@@ -40720,6 +40763,11 @@ const InsertMathformulaProps = {
   color: {
     type: String,
     default: ""
+  },
+  //预置的LaTex文本内容
+  defaultLaTexContent: {
+    type: String,
+    default: ""
   }
 };
 const _hoisted_1 = { class: "editify-mathformula" };
@@ -40749,9 +40797,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const insertMathformula = () => {
       emits("insert", latexContent.value);
     };
+    watch(
+      () => props.defaultLaTexContent,
+      (newVal) => {
+        latexContent.value = newVal;
+      },
+      {
+        immediate: true
+      }
+    );
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1, [
-        createElementVNode("div", _hoisted_2, toDisplayString(unref($editTrans)("insertMathformula")), 1),
+        createElementVNode("div", _hoisted_2, toDisplayString(props.defaultLaTexContent ? unref($editTrans)("editMathformula") : unref($editTrans)("insertMathformula")), 1),
         withDirectives(createElementVNode("textarea", {
           class: "editify-mathformula-textarea",
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => latexContent.value = $event),
@@ -40776,7 +40833,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const InsertMathformula = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-ba178fa5"]]);
+const InsertMathformula = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-980bdb1d"]]);
 const isMathformula = (el) => {
   return el.parsedom == "span" && el.hasMarks() && el.marks["data-editify-mathformula"];
 };
@@ -40809,6 +40866,37 @@ const hasMathformulaInRange = (editor, dataRangeCaches) => {
     return isUnderMathformula(item.element);
   });
 };
+const getMathformulaElementByRange = (editor, dataRangeCaches) => {
+  if (!editor.range) {
+    return null;
+  }
+  if (editor.range.anchor.element.isEqual(editor.range.focus.element)) {
+    return getMathformulaElement(editor.range.anchor.element);
+  }
+  const arr = dataRangeCaches.list.map((item) => {
+    return getMathformulaElement(item.element);
+  });
+  let hasNull = arr.some((el) => {
+    return el == null;
+  });
+  if (hasNull) {
+    return null;
+  }
+  if (arr.length == 1) {
+    return arr[0];
+  }
+  let flag = true;
+  for (let i = 1; i < arr.length; i++) {
+    if (!arr[i].isEqual(arr[0])) {
+      flag = false;
+      break;
+    }
+  }
+  if (flag) {
+    return arr[0];
+  }
+  return null;
+};
 const mathformula = (options) => {
   if (!common.isObject(options)) {
     options = {};
@@ -40816,9 +40904,11 @@ const mathformula = (options) => {
   const plugin = (editifyInstance, editTrans) => {
     let isDisabled = false;
     if (editifyInstance.exposed.editor.value) {
-      isDisabled = hasMathformulaInRange(editifyInstance.exposed.editor.value, editifyInstance.exposed.dataRangeCaches.value) || hasPreInRange(editifyInstance.exposed.editor.value, editifyInstance.exposed.dataRangeCaches.value) || hasLinkInRange(editifyInstance.exposed.editor.value, editifyInstance.exposed.dataRangeCaches.value);
+      isDisabled = hasPreInRange(editifyInstance.exposed.editor.value, editifyInstance.exposed.dataRangeCaches.value) || hasLinkInRange(editifyInstance.exposed.editor.value, editifyInstance.exposed.dataRangeCaches.value);
     }
+    let defaultLaTexContent = "";
     return {
+      //插件名称
       name: "mathformula",
       //菜单项配置
       menu: {
@@ -40835,29 +40925,51 @@ const mathformula = (options) => {
           leftBorder: options.leftBorder,
           rightBorder: options.rightBorder,
           hideScroll: true,
-          active: false,
+          active: editifyInstance.exposed.editor.value ? hasMathformulaInRange(editifyInstance.exposed.editor.value, editifyInstance.exposed.dataRangeCaches.value) : false,
           disabled: isDisabled || options.disabled,
+          //浮层展开时触发的事件
+          onLayerShow() {
+            const mathformulaElement = getMathformulaElementByRange(editifyInstance.exposed.editor.value, editifyInstance.exposed.dataRangeCaches.value);
+            if (mathformulaElement) {
+              defaultLaTexContent = mathformulaElement.marks["data-editify-mathformula"] || "";
+            }
+          },
           default: () => h(Icon, { value: "mathformula" }),
           layer: (_name, btnInstance) => {
             return h(InsertMathformula, {
               color: editifyInstance.props.color,
+              defaultLaTexContent,
               onInsert: (content) => {
                 if (content) {
                   const editor = editifyInstance.exposed.editor.value;
-                  const dom = element.string2dom(
-                    katex.renderToString(content, {
+                  const mathformulaElement = getMathformulaElementByRange(editifyInstance.exposed.editor.value, editifyInstance.exposed.dataRangeCaches.value);
+                  if (mathformulaElement) {
+                    mathformulaElement.toEmpty();
+                    editor.range.anchor.moveToStart(editor.getNextElement(mathformulaElement));
+                    editor.range.focus.moveToStart(editor.getNextElement(mathformulaElement));
+                  }
+                  let mathml = "";
+                  try {
+                    mathml = katex.renderToString(content, {
                       output: "mathml",
-                      throwOnError: false
-                    })
-                  );
-                  const html = `<span data-editify-mathformula="true" class="katex" >${dom.innerHTML}</span>`;
-                  const elements = editor.parseHtml(html);
-                  editor.insertElement(elements[0]);
-                  editor.range.anchor.moveToEnd(elements[0]);
-                  editor.range.focus.moveToEnd(elements[0]);
-                  editor.formatElementStack();
-                  editor.domRender();
-                  editor.rangeRender();
+                      throwOnError: true
+                    });
+                  } catch (error2) {
+                    mathml = "";
+                    if (typeof options.handleError == "function") {
+                      options.handleError(error2);
+                    }
+                  }
+                  if (mathml) {
+                    const html = `<span data-editify-mathformula="${content}" contenteditable="false">${mathml}</span>`;
+                    const elements = editor.parseHtml(html);
+                    editor.insertElement(elements[0]);
+                    editor.range.anchor.moveToEnd(elements[0]);
+                    editor.range.focus.moveToEnd(elements[0]);
+                    editor.formatElementStack();
+                    editor.domRender();
+                    editor.rangeRender();
+                  }
                 }
                 btnInstance.show = false;
               }
@@ -41076,7 +41188,7 @@ const attachment = (options) => {
 const install = (app) => {
   app.component(Editify.name, Editify);
 };
-const version = "0.1.39";
+const version = "0.1.41";
 console.log(`%c vue-editify %c v${version} `, "padding: 2px 1px; border-radius: 3px 0 0 3px; color: #fff; background: #606060; font-weight: bold;", "padding: 2px 1px; border-radius: 0 3px 3px 0; color: #fff; background: #42c02e; font-weight: bold;");
 export {
   AlexElement,
@@ -41085,14 +41197,17 @@ export {
   install as default,
   elementIsInList,
   elementIsInTask,
-  getCurrentParsedomElement,
+  elementIsMatch,
+  getMatchElementByElement,
+  getMatchElementsByRange,
   getMathformulaElement,
-  getParsedomElementByElement,
+  getMathformulaElementByRange,
   getRangeText,
   hasAttachmentInRange,
   hasImageInRange,
   hasLinkInRange,
   hasListInRange,
+  hasMathformulaInRange,
   hasPreInRange,
   hasQuoteInRange,
   hasTableInRange,