vue-editify 0.0.47 → 0.0.49

package/lib/editify.es.js

@@ -1722,7 +1722,7 @@ const speech$1 = {
   }
 };
 const obj$1 = { number: number$1, data: data$1, element: element$1, event: event$1, common: common$1, color: color$1, file: file$1, string: string$1, platform: platform$1, speech: speech$1 };
-const getAttributes = (node) => {
+const getAttributes = function(node) {
   let o = {};
   const length = node.attributes.length;
   for (let i = 0; i < length; i++) {
@@ -1733,7 +1733,7 @@ const getAttributes = (node) => {
   }
   return o;
 };
-const getStyles = (node) => {
+const getStyles = function(node) {
   let o = {};
   if (node.getAttribute("style")) {
     const styles = node.getAttribute("style");
@@ -1759,34 +1759,34 @@ const getStyles = (node) => {
   }
   return o;
 };
-const createUniqueKey = () => {
+const createUniqueKey = function() {
   let key = obj$1.data.get(window, "data-alex-editor-key") || 0;
   key++;
   obj$1.data.set(window, "data-alex-editor-key", key);
   return key;
 };
-const createGuid = () => {
+const createGuid = function() {
   let key = obj$1.data.get(window, "data-alex-editor-guid") || 0;
   key++;
   obj$1.data.set(window, "data-alex-editor-guid", key);
   return key;
 };
-const isSpaceText = (val) => {
+const isSpaceText = function(val) {
   return /^[\uFEFF]+$/g.test(val);
 };
-const cloneData = (data2) => {
+const cloneData = function(data2) {
   if (obj$1.common.isObject(data2) || Array.isArray(data2)) {
     return JSON.parse(JSON.stringify(data2));
   }
   return data2;
 };
-const isContains = (parentNode, childNode) => {
+const isContains = function(parentNode, childNode) {
   if (childNode.nodeType == 3) {
     return obj$1.element.isContains(parentNode, childNode.parentNode);
   }
   return obj$1.element.isContains(parentNode, childNode);
 };
-const blobToBase64 = (blob) => {
+const blobToBase64 = function(blob) {
   return new Promise((resolve) => {
     const fileReader = new FileReader();
     fileReader.onload = (e) => {
@@ -1795,7 +1795,7 @@ const blobToBase64 = (blob) => {
     fileReader.readAsDataURL(blob);
   });
 };
-const canUseClipboard = () => {
+const canUseClipboard = function() {
   if (!window.ClipboardItem) {
     console.warn("window.ClipboardItem must be obtained in a secure environment, such as localhost, 127.0.0.1, or https, so the editor's copy, paste, and cut functions cannot be used");
     return false;
@@ -1806,7 +1806,7 @@ const canUseClipboard = () => {
   }
   return true;
 };
-const initEditorNode = (node) => {
+const initEditorNode = function(node) {
   if (typeof node == "string" && node) {
     node = document.body.querySelector(node);
   }
@@ -1819,7 +1819,7 @@ const initEditorNode = (node) => {
   obj$1.data.set(node, "data-alex-editor-init", true);
   return node;
 };
-const initEditorOptions = (options) => {
+const initEditorOptions = function(options) {
   let opts = {
     //是否禁用
     disabled: false,
@@ -1891,7 +1891,7 @@ const initEditorOptions = (options) => {
   }
   return opts;
 };
-const queryHasValue = (obj$1$1, name, value) => {
+const queryHasValue = function(obj$1$1, name, value) {
   if (value == null || value == void 0) {
     return obj$1$1.hasOwnProperty(name);
   }
@@ -1921,6 +1921,60 @@ const queryHasValue = (obj$1$1, name, value) => {
   }
   return ownValue == value;
 };
+const getNewFlatData = function(arr) {
+  const length = arr.length;
+  let newArr = [];
+  for (let i = length - 1; i >= 0; i--) {
+    if (arr[i].element.hasChildren()) {
+      let allIn = arr[i].element.children.every((child) => {
+        return newArr.some((item) => {
+          return item.element.isEqual(child) && !item.offset;
+        });
+      });
+      if (allIn) {
+        newArr.unshift(arr[i]);
+      }
+    } else {
+      newArr.unshift(arr[i]);
+    }
+  }
+  for (let i = 0; i < newArr.length; i++) {
+    const element2 = newArr[i].element;
+    if (!element2.offset && element2.parent) {
+      const selfIn = newArr.some((item) => {
+        return item.element.isEqual(element2.parent);
+      });
+      const allIn = element2.parent.children.every((child) => {
+        return newArr.some((item) => {
+          return item.element.isEqual(child) && !item.offset;
+        });
+      });
+      if (allIn && !selfIn) {
+        newArr.splice(i, 0, {
+          element: element2.parent,
+          offset: false
+        });
+        i++;
+      }
+    }
+  }
+  return newArr;
+};
+const getNoFlatData = function(arr) {
+  let noFlat = [];
+  const length = arr.length;
+  for (let i = 0; i < length; i++) {
+    if (arr[i].element.isBlock()) {
+      noFlat.push(arr[i]);
+    } else {
+      const isIn = arr.some((item) => item.element.isEqual(arr[i].element.parent));
+      if (!isIn) {
+        noFlat.push(arr[i]);
+      }
+    }
+  }
+  return noFlat;
+};
 const _AlexElement = class _AlexElement2 {
   constructor(type, parsedom, marks, styles, textContent) {
     this.key = createUniqueKey();
@@ -3277,15 +3331,15 @@ class AlexEditor {
     this.__isInputChinese = false;
     this.__innerSelectionChange = false;
     this.__chineseInputTimer = null;
-    this.__rangeElementsCache = {
-      //includes和flat都是true
-      all: [],
-      //includes为true
+    this.__getElementsByRangeData = {
+      //起点和终点范围内的元素，但是不包含起点和终点所在的元素
+      default: [],
+      //起点和终点范围内的元素，但是包含起点和终点所在的元素
       includes: [],
-      //flat为true
+      //起点和终点范围内的元素扁平化处理结果，不包含起点和终点所在的元素
       flat: [],
-      //includes和flat都是false
-      none: []
+      //起点和终点范围内的元素扁平化处理结果，包含起点和终点所在的元素
+      flatIncludes: []
     };
     this.disabled ? this.setDisabled() : this.setEnabled();
     obj$1.event.on(document, `selectionchange.alex_editor_${this.__guid}`, handleSelectionChange.bind(this));
@@ -3436,7 +3490,7 @@ class AlexEditor {
     const result = await this.copy(true);
     if (result) {
       if (!this.disabled) {
-        this.delete();
+        this.delete(true);
       }
       this.emit("cut", result.text, result.html);
     }
@@ -3456,7 +3510,7 @@ class AlexEditor {
     if (!this.allowCopy) {
       return;
     }
-    let result = this.getElementsByRange(true, false);
+    let result = this.getElementsByRange().includes;
     if (result.length == 0) {
       return;
     }
@@ -3484,7 +3538,7 @@ class AlexEditor {
   /**
    * 根据光标进行删除操作
    */
-  delete() {
+  delete(useCache = false) {
     if (this.disabled) {
       return;
     }
@@ -3632,7 +3686,7 @@ class AlexEditor {
         }
       }
     } else {
-      const result = this.getElementsByRange(true, false).filter((item) => {
+      const result = this.getElementsByRange(useCache).includes.filter((item) => {
         return !AlexElement.VOID_NODES.includes(item.element.parsedom);
       });
       const anchorInblock = this.range.anchor.element.getInblock();
@@ -3750,7 +3804,7 @@ class AlexEditor {
   /**
    * 根据光标位置向编辑器内插入文本
    */
-  insertText(data2) {
+  insertText(data2, useCache = false) {
     if (this.disabled) {
       return;
     }
@@ -3784,14 +3838,14 @@ class AlexEditor {
         this.range.focus.moveToEnd(textEl);
       }
     } else {
-      this.delete();
+      this.delete(useCache);
       this.insertText(data2);
     }
   }
   /**
    * 在光标处换行
    */
-  insertParagraph() {
+  insertParagraph(useCache = false) {
     if (this.disabled) {
       return;
     }
@@ -3887,7 +3941,7 @@ class AlexEditor {
         }
       }
     } else {
-      this.delete();
+      this.delete(useCache);
       this.insertParagraph();
     }
   }
@@ -3895,7 +3949,7 @@ class AlexEditor {
    * 根据光标插入元素
    * cover表示所在根级块或者内部块元素只有换行符时是否覆盖此元素
    */
-  insertElement(ele, cover = true) {
+  insertElement(ele, cover = true, useCache = false) {
     if (this.disabled) {
       return;
     }
@@ -4029,7 +4083,7 @@ class AlexEditor {
       this.range.anchor.moveToEnd(ele);
       this.range.focus.moveToEnd(ele);
     } else {
-      this.delete();
+      this.delete(useCache);
       this.insertElement(ele, cover);
     }
   }
@@ -4437,137 +4491,86 @@ class AlexEditor {
   /**
    * 获取选区之间的元素
    */
-  getElementsByRange(includes = false, flat = false, useCache = false) {
+  getElementsByRange(useCache = false) {
+    if (useCache) {
+      return this.__getElementsByRangeData;
+    }
+    const result = {
+      //起点和终点范围内的元素，但是不包含起点和终点所在的元素
+      default: [],
+      //起点和终点范围内的元素，但是包含起点和终点所在的元素
+      includes: [],
+      //起点和终点范围内的元素扁平化处理结果，不包含起点和终点所在的元素
+      flat: [],
+      //起点和终点范围内的元素扁平化处理结果，包含起点和终点所在的元素
+      flatIncludes: []
+    };
     if (!this.range) {
-      return [];
+      this.__getElementsByRangeData = result;
+      return result;
     }
     if (this.range.anchor.isEqual(this.range.focus)) {
-      return [];
-    }
-    if (useCache) {
-      if (includes && flat) {
-        return this.__rangeElementsCache.all || [];
-      }
-      if (includes) {
-        return this.__rangeElementsCache.includes || [];
-      }
-      if (flat) {
-        return this.__rangeElementsCache.flat || [];
-      }
-      return this.__rangeElementsCache.none || [];
+      this.__getElementsByRangeData = result;
+      return result;
     }
-    const setRangeElementsCache = (result2 = []) => {
-      if (includes && flat) {
-        this.__rangeElementsCache.all = result2;
-      } else if (includes) {
-        this.__rangeElementsCache.includes = result2;
-      } else if (flat) {
-        this.__rangeElementsCache.flat = result2;
-      } else {
-        this.__rangeElementsCache.none = result2;
-      }
-      return result2;
-    };
     if (this.range.anchor.element.isEqual(this.range.focus.element)) {
-      if (includes) {
-        const isCover = this.range.anchor.offset == 0 && this.range.focus.offset == (this.range.anchor.element.isText() ? this.range.anchor.element.textContent.length : 1);
-        return setRangeElementsCache([
-          {
-            element: this.range.anchor.element,
-            offset: isCover ? false : [this.range.anchor.offset, this.range.focus.offset]
-          }
-        ]);
-      }
-      return setRangeElementsCache();
-    }
-    let result = [];
-    if (includes) {
-      if (this.range.anchor.offset == 0) {
-        result.push({
+      const isCover = this.range.anchor.offset == 0 && this.range.focus.offset == (this.range.anchor.element.isText() ? this.range.anchor.element.textContent.length : 1);
+      result.includes = [
+        {
           element: this.range.anchor.element,
-          offset: false
-        });
-      } else if (this.range.anchor.offset < (this.range.anchor.element.isText() ? this.range.anchor.element.textContent.length : 1)) {
-        result.push({
+          offset: isCover ? false : [this.range.anchor.offset, this.range.focus.offset]
+        }
+      ];
+      result.flatIncludes = [
+        {
           element: this.range.anchor.element,
-          offset: [this.range.anchor.offset, this.range.anchor.element.isText() ? this.range.anchor.element.textContent.length : 1]
-        });
-      }
+          offset: isCover ? false : [this.range.anchor.offset, this.range.focus.offset]
+        }
+      ];
+      this.__getElementsByRangeData = result;
+      return result;
+    }
+    if (this.range.anchor.offset == 0) {
+      result.flatIncludes.push({
+        element: this.range.anchor.element,
+        offset: false
+      });
+    } else if (this.range.anchor.offset < (this.range.anchor.element.isText() ? this.range.anchor.element.textContent.length : 1)) {
+      result.flatIncludes.push({
+        element: this.range.anchor.element,
+        offset: [this.range.anchor.offset, this.range.anchor.element.isText() ? this.range.anchor.element.textContent.length : 1]
+      });
     }
     const elements = AlexElement.flatElements(this.stack);
     const anchorIndex = elements.findIndex((el) => el.isEqual(this.range.anchor.element));
     const focusIndex = elements.findIndex((el) => el.isEqual(this.range.focus.element));
     for (let i = anchorIndex + 1; i < focusIndex; i++) {
-      result.push({
+      result.flatIncludes.push({
+        element: elements[i],
+        offset: false
+      });
+      result.flat.push({
         element: elements[i],
         offset: false
       });
     }
-    if (includes) {
-      if (this.range.focus.offset == (this.range.focus.element.isText() ? this.range.focus.element.textContent.length : 1)) {
-        result.push({
-          element: this.range.focus.element,
-          offset: false
-        });
-      } else if (this.range.focus.offset > 0) {
-        result.push({
-          element: this.range.focus.element,
-          offset: [0, this.range.focus.offset]
-        });
-      }
-    }
-    const resLength = result.length;
-    let newResult = [];
-    for (let i = resLength - 1; i >= 0; i--) {
-      if (result[i].element.hasChildren()) {
-        let allIn = result[i].element.children.every((child) => {
-          return newResult.some((item) => {
-            return item.element.isEqual(child) && !item.offset;
-          });
-        });
-        if (allIn) {
-          newResult.unshift(result[i]);
-        }
-      } else {
-        newResult.unshift(result[i]);
-      }
-    }
-    for (let i = 0; i < newResult.length; i++) {
-      const element2 = newResult[i].element;
-      if (!element2.offset && element2.parent) {
-        const selfIn = newResult.some((item) => {
-          return item.element.isEqual(element2.parent);
-        });
-        const allIn = element2.parent.children.every((child) => {
-          return newResult.some((item) => {
-            return item.element.isEqual(child) && !item.offset;
-          });
-        });
-        if (allIn && !selfIn) {
-          newResult.splice(i, 0, {
-            element: element2.parent,
-            offset: false
-          });
-          i++;
-        }
-      }
-    }
-    if (flat) {
-      return setRangeElementsCache(newResult);
-    }
-    let notFlatResult = [];
-    const length = newResult.length;
-    for (let i = 0; i < length; i++) {
-      if (newResult[i].element.isBlock()) {
-        notFlatResult.push(newResult[i]);
-      } else {
-        const isIn = newResult.some((item) => item.element.isEqual(newResult[i].element.parent));
-        if (!isIn) {
-          notFlatResult.push(newResult[i]);
-        }
-      }
+    if (this.range.focus.offset == (this.range.focus.element.isText() ? this.range.focus.element.textContent.length : 1)) {
+      result.flatIncludes.push({
+        element: this.range.focus.element,
+        offset: false
+      });
+    } else if (this.range.focus.offset > 0) {
+      result.flatIncludes.push({
+        element: this.range.focus.element,
+        offset: [0, this.range.focus.offset]
+      });
     }
-    return setRangeElementsCache(notFlatResult);
+    result.flat = getNewFlatData.apply(this, [result.flat]);
+    result.flatIncludes = getNewFlatData.apply(this, [result.flatIncludes]);
+    result.default = getNoFlatData.apply(this, [result.flat]);
+    result.includes = getNoFlatData.apply(this, [result.flatIncludes]);
+    this.__getElementsByRangeData = result;
+    return result;
   }
   /**
    * 分割选区选中的元素，会更新光标位置
@@ -4576,7 +4579,8 @@ class AlexEditor {
     if (!this.range) {
       return [];
     }
-    const result = this.getElementsByRange(includes, flat, useCache);
+    const key = includes && flat ? "flatIncludes" : includes ? "includes" : flat ? "flat" : "default";
+    const result = this.getElementsByRange(useCache)[key];
     let elements = [];
     result.forEach((item, index) => {
       if (item.offset) {
@@ -4871,7 +4875,7 @@ class AlexEditor {
       }
       return false;
     }
-    let result = this.getElementsByRange(true, true, useCache).filter((item) => {
+    let result = this.getElementsByRange(useCache).flatIncludes.filter((item) => {
       return item.element.isText();
     });
     if (result.length == 0) {
@@ -4993,7 +4997,7 @@ class AlexEditor {
       }
       return false;
     }
-    let result = this.getElementsByRange(true, true, useCache).filter((item) => {
+    let result = this.getElementsByRange(useCache).flatIncludes.filter((item) => {
       return item.element.isText();
     });
     if (result.length == 0) {
@@ -15366,7 +15370,7 @@ const editorProps = {
   },
   //编辑内容高度
   height: {
-    type: String,
+    type: [String, Boolean],
     default: "600px"
   },
   //是否自适应高度
@@ -16156,7 +16160,8 @@ const getMenuConfig = function(editTrans, editLocale) {
       video: 24,
       table: 25,
       codeBlock: 26,
-      sourceView: 27
+      sourceView: 27,
+      fullScreen: 28
     },
     //撤销按钮配置
     undo: {
@@ -16486,6 +16491,15 @@ const getMenuConfig = function(editTrans, editLocale) {
       //右侧边框是否显示
       rightBorder: false
     },
+    //全屏
+    fullScreen: {
+      //是否显示此工具
+      show: true,
+      //左侧边框是否显示
+      leftBorder: false,
+      //右侧边框是否显示
+      rightBorder: false
+    },
     //拓展菜单，每个key表示拓展菜单的唯一名称，value是对象，包含type/title/rightBorder/leftBorder/disabled/active/width/maxHeight/options/value/hideScroll/onLayerShow/onLayerShown/onLayerHidden/onOperate/default/layer/option属性
     extends: {}
   };
@@ -17583,8 +17597,8 @@ const _hoisted_4$6 = {
   key: 1,
   class: "editify-button-options"
 };
-const _hoisted_5$6 = ["onClick"];
-const _hoisted_6$6 = {
+const _hoisted_5$5 = ["onClick"];
+const _hoisted_6$5 = {
   key: 1,
   class: "editify-button-option-flex"
 };
@@ -17655,14 +17669,14 @@ function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
                   _ctx.$slots.option ? renderSlot(_ctx.$slots, "option", {
                     key: 0,
                     item
-                  }, void 0, true) : (openBlock(), createElementBlock("div", _hoisted_6$6, [
+                  }, void 0, true) : (openBlock(), createElementBlock("div", _hoisted_6$5, [
                     item.icon ? (openBlock(), createBlock(_component_Icon, {
                       key: 0,
                       value: item.icon
                     }, null, 8, ["value"])) : createCommentVNode("", true),
                     createElementVNode("span", null, toDisplayString(item.label), 1)
                   ]))
-                ], 14, _hoisted_5$6);
+                ], 14, _hoisted_5$5);
               }), 256))
             ]))
           ], 4)
@@ -17886,7 +17900,7 @@ function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
   ]);
 }
 const Colors = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render$7], ["__scopeId", "data-v-dc6d3d68"]]);
-const Toolbar_vue_vue_type_style_index_0_scoped_38c4144f_lang = "";
+const Toolbar_vue_vue_type_style_index_0_scoped_36dbd332_lang = "";
 const _sfc_main$6 = {
   name: "Toolbar",
   emits: ["update:modelValue"],
@@ -18161,80 +18175,80 @@ const _sfc_main$6 = {
   methods: {
     //清除格式
     clearFormat() {
-      this.$parent.formatText();
+      this.$parent.formatText(true, true);
     },
     //设置背景色
     setBackColor(value) {
-      this.$parent.setTextStyle("background-color", value);
+      this.$parent.setTextStyle("background-color", value, true, true);
       this.$refs.backColor.hideLayer();
     },
     //设置前景色
     setForeColor(value) {
-      this.$parent.setTextStyle("color", value);
+      this.$parent.setTextStyle("color", value, true, true);
       this.$refs.foreColor.hideLayer();
     },
     //设置行高
     setLineHeight(name, value) {
-      this.$parent.setLineHeight(value);
+      this.$parent.setLineHeight(value, true, true);
     },
     //设置字体
     setFontFamily(name, value) {
-      this.$parent.setTextStyle("font-family", value);
+      this.$parent.setTextStyle("font-family", value, true, true);
     },
     //设置字号
     setFontSize(name, value) {
-      this.$parent.setTextStyle("font-size", value);
+      this.$parent.setTextStyle("font-size", value, true, true);
     },
     //设置上标
     setSuperscript() {
-      this.$parent.setTextStyle("vertical-align", "super");
+      this.$parent.setTextStyle("vertical-align", "super", true, true);
     },
     //设置下标
     setSubscript() {
-      this.$parent.setTextStyle("vertical-align", "sub");
+      this.$parent.setTextStyle("vertical-align", "sub", true, true);
     },
     //设置行内代码样式
     setCodeStyle() {
-      this.$parent.setTextMark("data-editify-code", true);
+      this.$parent.setTextMark("data-editify-code", true, true, true);
     },
     //设置下划线
     setUnderline() {
-      this.$parent.setTextStyle("text-decoration", "underline");
+      this.$parent.setTextStyle("text-decoration", "underline", true, true);
     },
     //设置删除线
     setStrikethrough() {
-      this.$parent.setTextStyle("text-decoration", "line-through");
+      this.$parent.setTextStyle("text-decoration", "line-through", true, true);
     },
     //设置列表
     setList(name) {
-      this.$parent.setList(name == "orderList");
+      this.$parent.setList(name == "orderList", true, true);
     },
     //设置任务列表
     setTask() {
-      this.$parent.setTask();
+      this.$parent.setTask(true, true);
     },
     //斜体
     setItalic() {
-      this.$parent.setTextStyle("font-style", "italic");
+      this.$parent.setTextStyle("font-style", "italic", true, true);
     },
     //加粗
     setBold() {
-      this.$parent.setTextStyle("font-weight", "bold");
+      this.$parent.setTextStyle("font-weight", "bold", true, true);
     },
     //设置标题
     setHeading(name, value) {
-      this.$parent.setHeading(value);
+      this.$parent.setHeading(value, true, true);
     },
     //设置对齐方式
     setAlign(name, value) {
-      this.$parent.setAlign(value);
+      this.$parent.setAlign(value, true, true);
     },
     //设置视频
     setVideo(prop) {
       if (this.$parent.disabled) {
         return;
       }
-      const video = this.$parent.getCurrentParsedomElement("video");
+      const video = this.$parent.getCurrentParsedomElement("video", true);
       if (video) {
         if (this.videoConfig[prop]) {
           delete video.marks[prop];
@@ -18251,7 +18265,7 @@ const _sfc_main$6 = {
       if (this.$parent.disabled) {
         return;
       }
-      const element2 = this.$parent.getCurrentParsedomElement("img") || this.$parent.getCurrentParsedomElement("video", true);
+      const element2 = this.$parent.getCurrentParsedomElement("img", true) || this.$parent.getCurrentParsedomElement("video", true);
       if (element2) {
         const styles = {
           width: value
@@ -18277,7 +18291,7 @@ const _sfc_main$6 = {
       if (!this.linkConfig.url) {
         return;
       }
-      const link = this.$parent.getCurrentParsedomElement("a");
+      const link = this.$parent.getCurrentParsedomElement("a", true);
       if (link) {
         link.marks.href = this.linkConfig.url;
         if (this.linkConfig.newOpen) {
@@ -18310,7 +18324,7 @@ const _sfc_main$6 = {
       if (this.$parent.disabled) {
         return;
       }
-      const pre = this.$parent.getCurrentParsedomElement("pre");
+      const pre = this.$parent.getCurrentParsedomElement("pre", true);
       if (pre) {
         Object.assign(pre.marks, {
           "data-editify-hljs": value
@@ -18329,7 +18343,7 @@ const _sfc_main$6 = {
         this.$parent.editor.range.anchor.element = this.$parent.editor.range.focus.element;
         this.$parent.editor.range.anchor.offset = this.$parent.editor.range.focus.offset;
       }
-      const pre = this.$parent.getCurrentParsedomElement("pre");
+      const pre = this.$parent.getCurrentParsedomElement("pre", true);
       if (pre) {
         const paragraph = new AlexElement("block", AlexElement.BLOCK_NODE, null, null, null);
         const breakEl = new AlexElement("closed", "br", null, null, null);
@@ -18355,7 +18369,7 @@ const _sfc_main$6 = {
         this.$parent.editor.range.anchor.element = this.$parent.editor.range.focus.element;
         this.$parent.editor.range.anchor.offset = this.$parent.editor.range.focus.offset;
       }
-      const table = this.$parent.getCurrentParsedomElement("table");
+      const table = this.$parent.getCurrentParsedomElement("table", true);
       const column = this.$parent.getCurrentParsedomElement("td", true);
       const tbody = this.$parent.getCurrentParsedomElement("tbody", true);
       if (column && table && tbody) {
@@ -18396,7 +18410,7 @@ const _sfc_main$6 = {
         this.$parent.editor.rangeRender();
       }
     },
-    //表格插入前后插入行
+    //表格前后插入行
     insertTableRow(type = "up") {
       if (this.$parent.disabled) {
         return;
@@ -18405,7 +18419,7 @@ const _sfc_main$6 = {
         this.$parent.editor.range.anchor.element = this.$parent.editor.range.focus.element;
         this.$parent.editor.range.anchor.offset = this.$parent.editor.range.focus.offset;
       }
-      const table = this.$parent.getCurrentParsedomElement("table");
+      const table = this.$parent.getCurrentParsedomElement("table", true);
       const row = this.$parent.getCurrentParsedomElement("tr", true);
       if (table && row) {
         const newRow = row.clone();
@@ -18434,7 +18448,7 @@ const _sfc_main$6 = {
       if (this.$parent.disabled) {
         return;
       }
-      const table = this.$parent.getCurrentParsedomElement("table");
+      const table = this.$parent.getCurrentParsedomElement("table", true);
       if (table) {
         const paragraph = new AlexElement("block", AlexElement.BLOCK_NODE, null, null, null);
         const breakEl = new AlexElement("closed", "br", null, null, null);
@@ -18460,12 +18474,12 @@ const _sfc_main$6 = {
         this.$parent.editor.range.anchor.element = this.$parent.editor.range.focus.element;
         this.$parent.editor.range.anchor.offset = this.$parent.editor.range.focus.offset;
       }
-      const table = this.$parent.getCurrentParsedomElement("table");
+      const table = this.$parent.getCurrentParsedomElement("table", true);
       const row = this.$parent.getCurrentParsedomElement("tr", true);
       if (table && row) {
         const parent = row.parent;
         if (parent.children.length == 1) {
-          this.$parent.deleteByParsedom("table");
+          this.$parent.deleteByParsedom("table", true, true);
           return;
         }
         const previousRow = this.$parent.editor.getPreviousElement(row);
@@ -18495,14 +18509,14 @@ const _sfc_main$6 = {
         this.$parent.editor.range.anchor.element = this.$parent.editor.range.focus.element;
         this.$parent.editor.range.anchor.offset = this.$parent.editor.range.focus.offset;
       }
-      const column = this.$parent.getCurrentParsedomElement("td");
+      const column = this.$parent.getCurrentParsedomElement("td", true);
       const tbody = this.$parent.getCurrentParsedomElement("tbody", true);
       const table = this.$parent.getCurrentParsedomElement("table", true);
       if (column && table && tbody) {
         const rows = tbody.children;
         const parent = column.parent;
         if (parent.children.length == 1) {
-          this.$parent.deleteByParsedom("table", true);
+          this.$parent.deleteByParsedom("table", true, true);
           return;
         }
         const previousColumn = this.$parent.editor.getPreviousElement(column);
@@ -18531,7 +18545,7 @@ const _sfc_main$6 = {
     },
     //浮层显示时
     layerShow() {
-      const result = this.$parent.editor.getElementsByRange(true, false, true);
+      const result = this.$parent.editor.getElementsByRange(true).includes;
       if (this.type == "codeBlock") {
         const pre = this.$parent.getCurrentParsedomElement("pre", true);
         if (pre) {
@@ -18656,8 +18670,8 @@ const _hoisted_1$6 = {
 const _hoisted_2$5 = { class: "editify-toolbar-link-label" };
 const _hoisted_3$5 = ["placeholder"];
 const _hoisted_4$5 = { class: "editify-toolbar-link-footer" };
-const _hoisted_5$5 = { class: "editify-toolbar-link-operations" };
-const _hoisted_6$5 = ["href"];
+const _hoisted_5$4 = { class: "editify-toolbar-link-operations" };
+const _hoisted_6$4 = ["href"];
 function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_Checkbox = resolveComponent("Checkbox");
   const _component_Button = resolveComponent("Button");
@@ -18706,7 +18720,7 @@ function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
               color: _ctx.$parent.color,
               size: 10
             }, null, 8, ["onChange", "modelValue", "label", "color"]),
-            createElementVNode("div", _hoisted_5$5, [
+            createElementVNode("div", _hoisted_5$4, [
               createElementVNode("span", {
                 onClick: _cache[5] || (_cache[5] = (...args) => _ctx.$parent.removeLink && _ctx.$parent.removeLink(...args))
               }, toDisplayString($options.$editTrans("removeLink")), 1),
@@ -18714,7 +18728,7 @@ function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
                 href: $data.linkConfig.url,
                 target: "_blank",
                 style: normalizeStyle({ color: _ctx.$parent.color })
-              }, toDisplayString($options.$editTrans("viewLink")), 13, _hoisted_6$5)
+              }, toDisplayString($options.$editTrans("viewLink")), 13, _hoisted_6$4)
             ])
           ])
         ])) : $props.type == "image" ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
@@ -19381,7 +19395,7 @@ function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
     _: 1
   }, 8, ["modelValue", "node", "onShow", "useRange"]);
 }
-const Toolbar = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["render", _sfc_render$6], ["__scopeId", "data-v-38c4144f"]]);
+const Toolbar = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["render", _sfc_render$6], ["__scopeId", "data-v-36dbd332"]]);
 const InsertLink_vue_vue_type_style_index_0_scoped_e6c3c2ee_lang = "";
 const _sfc_main$5 = {
   name: "InsertLink",
@@ -19441,8 +19455,8 @@ const _hoisted_1$5 = { class: "editify-link" };
 const _hoisted_2$4 = { class: "editify-link-label" };
 const _hoisted_3$4 = ["placeholder"];
 const _hoisted_4$4 = ["placeholder"];
-const _hoisted_5$4 = { class: "editify-link-footer" };
-const _hoisted_6$4 = { class: "editify-link-operations" };
+const _hoisted_5$3 = { class: "editify-link-footer" };
+const _hoisted_6$3 = { class: "editify-link-operations" };
 function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_Checkbox = resolveComponent("Checkbox");
   return openBlock(), createElementBlock("div", _hoisted_1$5, [
@@ -19475,7 +19489,7 @@ function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
         { trim: true }
       ]
     ]),
-    createElementVNode("div", _hoisted_5$4, [
+    createElementVNode("div", _hoisted_5$3, [
       createVNode(_component_Checkbox, {
         modelValue: $data.newOpen,
         "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => $data.newOpen = $event),
@@ -19483,7 +19497,7 @@ function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
         color: $props.color,
         size: 10
       }, null, 8, ["modelValue", "label", "color"]),
-      createElementVNode("div", _hoisted_6$4, [
+      createElementVNode("div", _hoisted_6$3, [
         createElementVNode("span", {
           style: normalizeStyle({ color: $props.color }),
           onClick: _cache[7] || (_cache[7] = (...args) => $options.insertLink && $options.insertLink(...args))
@@ -19646,11 +19660,11 @@ const _hoisted_3$3 = {
   class: "editify-image-remote"
 };
 const _hoisted_4$3 = ["placeholder"];
-const _hoisted_5$3 = {
+const _hoisted_5$2 = {
   key: 1,
   class: "editify-image-upload"
 };
-const _hoisted_6$3 = ["multiple"];
+const _hoisted_6$2 = ["multiple"];
 function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_Icon = resolveComponent("Icon");
   return openBlock(), createElementBlock("div", _hoisted_1$4, [
@@ -19692,14 +19706,14 @@ function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
           onClick: _cache[5] || (_cache[5] = (...args) => $options.insertRemoteImage && $options.insertRemoteImage(...args))
         }, toDisplayString($options.$editTrans("insert")), 1)
       ], 4)
-    ])) : (openBlock(), createElementBlock("div", _hoisted_5$3, [
+    ])) : (openBlock(), createElementBlock("div", _hoisted_5$2, [
       createVNode(_component_Icon, { value: "upload" }),
       createElementVNode("input", {
         multiple: $props.multiple,
         accept: "image/*",
         onChange: _cache[6] || (_cache[6] = (...args) => $options.selectFile && $options.selectFile(...args)),
         type: "file"
-      }, null, 40, _hoisted_6$3)
+      }, null, 40, _hoisted_6$2)
     ]))
   ]);
 }
@@ -19857,11 +19871,11 @@ const _hoisted_3$2 = {
   class: "editify-video-remote"
 };
 const _hoisted_4$2 = ["placeholder"];
-const _hoisted_5$2 = {
+const _hoisted_5$1 = {
   key: 1,
   class: "editify-video-upload"
 };
-const _hoisted_6$2 = ["multiple"];
+const _hoisted_6$1 = ["multiple"];
 function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_Icon = resolveComponent("Icon");
   return openBlock(), createElementBlock("div", _hoisted_1$3, [
@@ -19903,14 +19917,14 @@ function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
           onClick: _cache[5] || (_cache[5] = (...args) => $options.insertRemoteVideo && $options.insertRemoteVideo(...args))
         }, toDisplayString($options.$editTrans("insert")), 1)
       ], 4)
-    ])) : (openBlock(), createElementBlock("div", _hoisted_5$2, [
+    ])) : (openBlock(), createElementBlock("div", _hoisted_5$1, [
       createVNode(_component_Icon, { value: "upload" }),
       createElementVNode("input", {
         multiple: $props.multiple,
         accept: "video/*",
         onChange: _cache[6] || (_cache[6] = (...args) => $options.selectFile && $options.selectFile(...args)),
         type: "file"
-      }, null, 40, _hoisted_6$2)
+      }, null, 40, _hoisted_6$1)
     ]))
   ]);
 }
@@ -20005,8 +20019,8 @@ const _hoisted_3$1 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createEl
 const _hoisted_4$1 = [
   _hoisted_3$1
 ];
-const _hoisted_5$1 = { class: "editify-table-footer" };
-const _hoisted_6$1 = { key: 0 };
+const _hoisted_5 = { class: "editify-table-footer" };
+const _hoisted_6 = { key: 0 };
 const _hoisted_7 = { key: 1 };
 function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", _hoisted_1$2, [
@@ -20023,13 +20037,13 @@ function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
         ]);
       }), 256))
     ]),
-    createElementVNode("div", _hoisted_5$1, [
-      $options.specification ? (openBlock(), createElementBlock("span", _hoisted_6$1, toDisplayString($options.specification.x) + " x " + toDisplayString($options.specification.y), 1)) : (openBlock(), createElementBlock("span", _hoisted_7, toDisplayString($options.$editTrans("insertTable")), 1))
+    createElementVNode("div", _hoisted_5, [
+      $options.specification ? (openBlock(), createElementBlock("span", _hoisted_6, toDisplayString($options.specification.x) + " x " + toDisplayString($options.specification.y), 1)) : (openBlock(), createElementBlock("span", _hoisted_7, toDisplayString($options.$editTrans("insertTable")), 1))
     ])
   ]);
 }
 const InsertTable = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["render", _sfc_render$2], ["__scopeId", "data-v-227ede65"]]);
-const Menu_vue_vue_type_style_index_0_scoped_afb2092e_lang = "";
+const Menu_vue_vue_type_style_index_0_scoped_c952b6ed_lang = "";
 const _sfc_main$1 = {
   name: "Menu",
   props: {
@@ -20345,6 +20359,14 @@ const _sfc_main$1 = {
         rightBorder: this.config.sourceView.rightBorder,
         active: false,
         disabled: false
+      },
+      //全屏按钮配置
+      fullScreenConfig: {
+        show: this.config.fullScreen.show,
+        leftBorder: this.config.fullScreen.leftBorder,
+        rightBorder: this.config.fullScreen.rightBorder,
+        active: false,
+        disabled: false
       }
     };
   },
@@ -20361,11 +20383,27 @@ const _sfc_main$1 = {
     //菜单是否禁用
     menuDisabled() {
       return (name) => {
-        if (name == "sourceView") {
+        if (name == "sourceView" || name == "fullScreen") {
           return false;
         }
         return this.$parent.isSourceView;
       };
+    },
+    //菜单模式
+    menuMode() {
+      if (this.$parent.isFullScreen || this.$parent.height === true) {
+        if (this.config.mode == "fixed") {
+          return "default";
+        }
+      }
+      return this.config.mode;
+    },
+    //菜单栏是否显示边框
+    menuShowBorder() {
+      if (this.menuMode == "fixed") {
+        return false;
+      }
+      return this.$parent.showBorder;
     }
   },
   components: {
@@ -20779,7 +20817,7 @@ const _sfc_main$1 = {
               hideScroll: true,
               onLayerShow: () => {
                 let text2 = "";
-                const result = this.$parent.$parent.editor.getElementsByRange(true, true);
+                const result = this.$parent.$parent.editor.getElementsByRange().flatIncludes;
                 result.forEach((item) => {
                   if (item.element.isText()) {
                     if (item.offset) {
@@ -20946,6 +20984,22 @@ const _sfc_main$1 = {
             () => h(Icon, { value: "source-view" })
           );
         }
+        if (this.name == "fullScreen" && this.$parent.fullScreenConfig.show) {
+          return h(
+            Button,
+            {
+              ...props,
+              title: this.$editTrans("fullScreen"),
+              leftBorder: this.$parent.fullScreenConfig.leftBorder,
+              rightBorder: this.$parent.fullScreenConfig.rightBorder,
+              color: this.$parent.color,
+              disabled: this.$parent.fullScreenConfig.disabled || this.disabled || this.$parent.disabled,
+              active: this.$parent.fullScreenConfig.active,
+              onOperate: this.$parent.handleOperate
+            },
+            () => h(Icon, { value: "full-screen" })
+          );
+        }
         if (obj.common.isObject(this.$parent.config.extends)) {
           const configuration = this.$parent.config.extends[this.name];
           if (configuration) {
@@ -21100,14 +21154,18 @@ const _sfc_main$1 = {
         if (!this.$parent.isSourceView) {
           this.$parent.editor.rangeRender();
         }
+      } else if (name == "fullScreen") {
+        this.$parent.isFullScreen = !this.$parent.isFullScreen;
+        this.fullScreenConfig.active = this.$parent.isFullScreen;
+        this.$parent.editor.rangeRender();
       }
     },
     //处理光标更新
-    handleRangeUpdate() {
+    handleRangeUpdate(useCache = false) {
       if (this.disabled) {
         return;
       }
-      const result = this.$parent.editor.getElementsByRange(true, false, true);
+      const result = this.$parent.editor.getElementsByRange(useCache).includes;
       const hasPreStyle = this.$parent.hasPreStyle(true);
       const hasTable = this.$parent.hasTable(true);
       const hasQuote = this.$parent.hasQuote(true);
@@ -21228,6 +21286,7 @@ const _sfc_main$1 = {
       this.codeBlockConfig.active = !!this.$parent.getCurrentParsedomElement("pre", true);
       this.codeBlockConfig.disabled = hasTable || hasQuote || extraDisabled("codeBlock");
       this.sourceViewConfig.active = this.$parent.isSourceView;
+      this.fullScreenConfig.active = this.$parent.isFullScreen;
     }
   }
 };
@@ -21235,8 +21294,8 @@ const _hoisted_1$1 = ["data-editify-mode"];
 function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_MenuItem = resolveComponent("MenuItem");
   return openBlock(), createElementBlock("div", {
-    class: normalizeClass(["editify-menu", { border: _ctx.$parent.border, source: _ctx.$parent.isSourceView }]),
-    "data-editify-mode": $props.config.mode,
+    class: normalizeClass(["editify-menu", { border: $options.menuShowBorder, source: _ctx.$parent.isSourceView && $options.menuMode == "inner", fullscreen: _ctx.$parent.isFullScreen }]),
+    "data-editify-mode": $options.menuMode,
     style: normalizeStyle($props.config.style || "")
   }, [
     (openBlock(true), createElementBlock(Fragment, null, renderList($options.menuNames, (item) => {
@@ -21247,8 +21306,8 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
     }), 256))
   ], 14, _hoisted_1$1);
 }
-const Menu = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1], ["__scopeId", "data-v-afb2092e"]]);
-const Editify_vue_vue_type_style_index_0_scoped_b523f8ea_lang = "";
+const Menu = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1], ["__scopeId", "data-v-c952b6ed"]]);
+const Editify_vue_vue_type_style_index_0_scoped_ede8b39b_lang = "";
 const _sfc_main = {
   name: "editify",
   props: { ...editorProps },
@@ -21267,6 +21326,8 @@ const _sfc_main = {
       isModelChange: false,
       //是否代码视图
       isSourceView: false,
+      //是否全屏
+      isFullScreen: false,
       //是否正在输入中文
       isInputChinese: false,
       //表格列宽拖拽记录数据
@@ -21288,7 +21349,9 @@ const _sfc_main = {
       //rangeUpdate更新延时器
       updateTimer: null,
       //菜单栏是否可以使用标识
-      canUseMenu: false
+      canUseMenu: false,
+      //手动设定的编辑器编辑区域高度
+      contentHeight: 0
     };
   },
   computed: {
@@ -21315,8 +21378,20 @@ const _sfc_main = {
       }
       return false;
     },
+    //是否显示边框
+    showBorder() {
+      if (this.isFullScreen) {
+        return false;
+      }
+      return this.border;
+    },
     //编辑器样式设置
     contentStyle() {
+      if (this.height === true || this.isFullScreen) {
+        return {
+          height: this.contentHeight + "px"
+        };
+      }
       return this.autoheight ? { minHeight: this.height } : { height: this.height };
     },
     //最终生效的工具栏配置
@@ -21355,6 +21430,21 @@ const _sfc_main = {
           this.handleToolbar();
         }
       }
+    },
+    //全屏切换
+    isFullScreen() {
+      this.$nextTick(() => {
+        this.setContentHeight();
+      });
+    },
+    //监听height为true
+    height: {
+      immediate: true,
+      handler: function() {
+        this.$nextTick(() => {
+          this.setContentHeight();
+        });
+      }
     }
   },
   mounted() {
@@ -21364,7 +21454,10 @@ const _sfc_main = {
     obj.event.on(document.documentElement, `mousemove.editify_${this.uid}`, this.documentMouseMove);
     obj.event.on(document.documentElement, `mouseup.editify_${this.uid}`, this.documentMouseUp);
     obj.event.on(document.documentElement, `click.editify_${this.uid}`, this.documentClick);
-    obj.event.on(window, `resize.editify_${this.uid}`, this.setVideoHeight);
+    obj.event.on(window, `resize.editify_${this.uid}`, () => {
+      this.setVideoHeight();
+      this.setContentHeight();
+    });
   },
   methods: {
     //初始创建编辑器
@@ -21447,13 +21540,13 @@ const _sfc_main = {
       removeScroll(this.$refs.content);
     },
     //工具条显示判断
-    handleToolbar() {
+    handleToolbar(useCache = false) {
       if (this.disabled || this.isSourceView) {
         return;
       }
       this.hideToolbar();
       this.$nextTick(() => {
-        const table = this.getCurrentParsedomElement("table", true);
+        const table = this.getCurrentParsedomElement("table", useCache);
         const pre = this.getCurrentParsedomElement("pre", true);
         const link = this.getCurrentParsedomElement("a", true);
         const image = this.getCurrentParsedomElement("img", true);
@@ -21499,7 +21592,7 @@ const _sfc_main = {
             this.toolbarOptions.show = true;
           }
         } else {
-          const result = this.editor.getElementsByRange(true, true, true).filter((item) => {
+          const result = this.editor.getElementsByRange(true).flatIncludes.filter((item) => {
             return item.element.isText();
           });
           if (result.length && !this.hasTable(true) && !this.hasPreStyle(true) && !this.hasLink(true) && !this.hasImage(true) && !this.hasVideo(true)) {
@@ -21671,7 +21764,7 @@ const _sfc_main = {
       if (this.disabled) {
         return;
       }
-      if (this.border && this.color) {
+      if (this.border && this.color && !this.isFullScreen) {
         this.$refs.body.style.borderColor = "";
         this.$refs.body.style.boxShadow = "";
         if (this.menuConfig.use) {
@@ -21686,7 +21779,7 @@ const _sfc_main = {
       if (this.disabled) {
         return;
       }
-      if (this.border && this.color) {
+      if (this.border && this.color && !this.isFullScreen) {
         this.$refs.body.style.borderColor = this.color;
         const rgb = obj.color.hex2rgb(this.color);
         if (this.menuConfig.use && this.menuConfig.mode == "inner") {
@@ -21753,7 +21846,7 @@ const _sfc_main = {
       this.$emit("insertparagraph", this.value);
     },
     //编辑器焦点更新
-    handleRangeUpdate(range) {
+    handleRangeUpdate() {
       if (this.disabled) {
         return;
       }
@@ -21762,17 +21855,16 @@ const _sfc_main = {
       }
       this.updateTimer = setTimeout(() => {
         if (this.toolbarConfig.use || this.menuConfig.use) {
-          this.editor.getElementsByRange(true, false);
-          this.editor.getElementsByRange(true, true);
-        }
-        if (this.toolbarConfig.use) {
-          this.handleToolbar();
-        }
-        if (this.menuConfig.use) {
-          this.$refs.menu.handleRangeUpdate();
+          this.editor.getElementsByRange();
+          if (this.toolbarConfig.use) {
+            this.handleToolbar(true);
+          }
+          if (this.menuConfig.use) {
+            this.$refs.menu.handleRangeUpdate(true);
+          }
         }
       }, 200);
-      this.$emit("rangeupdate", this.value, range);
+      this.$emit("rangeupdate", this.value);
     },
     //编辑器复制
     handleCopy(text2, html) {
@@ -21787,7 +21879,7 @@ const _sfc_main = {
       this.$emit("paste-text", data2);
     },
     //编辑器粘贴html
-    handlePasteHtml(elements, data2) {
+    handlePasteHtml(elements) {
       const keepStyles = Object.assign(pasteKeepData.styles, this.pasteKeepStyles || {});
       const keepMarks = Object.assign(pasteKeepData.marks, this.pasteKeepMarks || {});
       AlexElement.flatElements(elements).forEach((el) => {
@@ -21848,6 +21940,22 @@ const _sfc_main = {
         video.style.height = video.offsetWidth / this.videoRatio + "px";
       });
     },
+    //设置编辑器主体高度
+    setContentHeight() {
+      if (this.height === true || this.isFullScreen) {
+        let height = this.$el.offsetHeight;
+        if (this.menuConfig.use) {
+          height -= this.$refs.menu.$el.offsetHeight;
+        }
+        if (this.showWordLength) {
+          height -= this.$refs.footer.offsetHeight;
+        }
+        if (this.$refs.menu.menuMode == "default") {
+          height -= 10;
+        }
+        this.contentHeight = height - 2;
+      }
+    },
     //api：光标设置到文档底部
     collapseToEnd() {
       if (this.disabled) {
@@ -21897,7 +22005,7 @@ const _sfc_main = {
       if (this.editor.range.anchor.element.isEqual(this.editor.range.focus.element)) {
         return this.getParsedomElementByElement(this.editor.range.anchor.element, parsedom);
       }
-      const arr = this.editor.getElementsByRange(true, false, useCache).map((item) => {
+      const arr = this.editor.getElementsByRange(useCache).includes.map((item) => {
         return this.getParsedomElementByElement(item.element, parsedom);
       });
       let hasNull = arr.some((el) => {
@@ -21978,7 +22086,7 @@ const _sfc_main = {
         blockToParagraph(block);
         block.parsedom = parsedom;
       } else {
-        const result = this.editor.getElementsByRange(true, false, useCache);
+        const result = this.editor.getElementsByRange(useCache).includes;
         result.forEach((el) => {
           if (el.element.isBlock()) {
             blockToParagraph(el.element);
@@ -22014,7 +22122,7 @@ const _sfc_main = {
         }
       } else {
         let blocks = [];
-        const result = this.editor.getElementsByRange(true, false, useCache);
+        const result = this.editor.getElementsByRange(useCache).includes;
         result.forEach((item) => {
           const block = item.element.getBlock();
           const exist = blocks.some((el) => block.isEqual(el));
@@ -22055,7 +22163,7 @@ const _sfc_main = {
         }
       } else {
         let blocks = [];
-        const result = this.editor.getElementsByRange(true, false, useCache);
+        const result = this.editor.getElementsByRange(useCache).includes;
         result.forEach((item) => {
           const block = item.element.getBlock();
           const exist = blocks.some((el) => block.isEqual(el));
@@ -22088,11 +22196,11 @@ const _sfc_main = {
       }
       const active = this.queryTextStyle(name, value, useCache);
       if (active) {
-        this.editor.removeTextStyle([name], useCache);
+        this.editor.removeTextStyle([name], true);
       } else {
         let styles = {};
         styles[name] = value;
-        this.editor.setTextStyle(styles, useCache);
+        this.editor.setTextStyle(styles, true);
       }
       if (isRender) {
         this.editor.formatElementStack();
@@ -22114,11 +22222,11 @@ const _sfc_main = {
       }
       const active = this.queryTextMark(name, value, useCache);
       if (active) {
-        this.editor.removeTextMark([name], useCache);
+        this.editor.removeTextMark([name], true);
       } else {
         let marks = {};
         marks[name] = value;
-        this.editor.setTextMark(marks, useCache);
+        this.editor.setTextMark(marks, true);
       }
       if (isRender) {
         this.editor.formatElementStack();
@@ -22139,7 +22247,7 @@ const _sfc_main = {
         return;
       }
       this.editor.removeTextStyle(null, useCache);
-      this.editor.removeTextMark(null, useCache);
+      this.editor.removeTextMark(null);
       if (isRender) {
         this.editor.formatElementStack();
         this.editor.domRender();
@@ -22175,7 +22283,7 @@ const _sfc_main = {
           }
         }
       } else {
-        const result = this.editor.getElementsByRange(true, false, useCache);
+        const result = this.editor.getElementsByRange(useCache).includes;
         result.forEach((el) => {
           if (el.element.isBlock() || el.element.isInblock()) {
             if (el.element.hasStyles()) {
@@ -22261,7 +22369,7 @@ const _sfc_main = {
         }
       } else {
         let blocks = [];
-        const result = this.editor.getElementsByRange(true, false, useCache);
+        const result = this.editor.getElementsByRange(useCache).includes;
         result.forEach((item) => {
           const block = item.element.getBlock();
           const exist = blocks.some((el) => block.isEqual(el));
@@ -22312,7 +22420,7 @@ const _sfc_main = {
           }
         }
       } else {
-        const result = this.editor.getElementsByRange(true, false, useCache);
+        const result = this.editor.getElementsByRange(useCache).includes;
         result.forEach((el) => {
           if (el.element.isBlock() || el.element.isInblock()) {
             if (el.element.hasStyles()) {
@@ -22387,7 +22495,7 @@ const _sfc_main = {
           fn(block);
         }
       } else {
-        const result = this.editor.getElementsByRange(true, false, useCache);
+        const result = this.editor.getElementsByRange(useCache).includes;
         result.forEach((item) => {
           const block = item.element.getBlock();
           const inblock = item.element.getInblock();
@@ -22432,7 +22540,7 @@ const _sfc_main = {
           fn(block);
         }
       } else {
-        const result = this.editor.getElementsByRange(true, false, useCache);
+        const result = this.editor.getElementsByRange(useCache).includes;
         result.forEach((item) => {
           const block = item.element.getBlock();
           const inblock = item.element.getInblock();
@@ -22450,7 +22558,7 @@ const _sfc_main = {
       }
     },
     //api：插入图片
-    insertImage(url2, isRender = true) {
+    insertImage(url2, isRender = true, useCache = false) {
       if (this.disabled) {
         return;
       }
@@ -22469,7 +22577,7 @@ const _sfc_main = {
         null,
         null
       );
-      this.editor.insertElement(image);
+      this.editor.insertElement(image, true, useCache);
       if (isRender) {
         this.editor.formatElementStack();
         this.editor.domRender();
@@ -22477,7 +22585,7 @@ const _sfc_main = {
       }
     },
     //api：插入视频
-    insertVideo(url2, isRender = true) {
+    insertVideo(url2, isRender = true, useCache = false) {
       if (this.disabled) {
         return;
       }
@@ -22496,7 +22604,7 @@ const _sfc_main = {
         null,
         null
       );
-      this.editor.insertElement(video);
+      this.editor.insertElement(video, true, useCache);
       const leftSpace = AlexElement.getSpaceElement();
       const rightSpace = AlexElement.getSpaceElement();
       this.editor.addElementAfter(rightSpace, video);
@@ -22517,7 +22625,7 @@ const _sfc_main = {
       if (this.editor.range.anchor.isEqual(this.editor.range.focus)) {
         return this.editor.range.anchor.element.isPreStyle();
       }
-      const result = this.editor.getElementsByRange(true, false, useCache);
+      const result = this.editor.getElementsByRange(useCache).includes;
       return result.some((item) => {
         return item.element.isPreStyle();
       });
@@ -22531,7 +22639,7 @@ const _sfc_main = {
         const block = this.editor.range.anchor.element.getBlock();
         return block.parsedom == "blockquote";
       }
-      const result = this.editor.getElementsByRange(true, false, useCache);
+      const result = this.editor.getElementsByRange(useCache).includes;
       return result.some((item) => {
         if (item.element.isBlock()) {
           return item.element.parsedom == "blockquote";
@@ -22550,7 +22658,7 @@ const _sfc_main = {
         const block = this.editor.range.anchor.element.getBlock();
         return blockIsList(block, ordered);
       }
-      const result = this.editor.getElementsByRange(true, false, useCache);
+      const result = this.editor.getElementsByRange(useCache).includes;
       return result.some((item) => {
         if (item.element.isBlock()) {
           return blockIsList(item.element, ordered);
@@ -22568,7 +22676,7 @@ const _sfc_main = {
       if (this.editor.range.anchor.isEqual(this.editor.range.focus)) {
         return !!this.getParsedomElementByElement(this.editor.range.anchor.element, "a");
       }
-      const result = this.editor.getElementsByRange(true, true, useCache).filter((item) => {
+      const result = this.editor.getElementsByRange(useCache).flatIncludes.filter((item) => {
         return item.element.isText();
       });
       return result.some((item) => {
@@ -22584,7 +22692,7 @@ const _sfc_main = {
         const block = this.editor.range.anchor.element.getBlock();
         return block.parsedom == "table";
       }
-      const result = this.editor.getElementsByRange(true, false, useCache);
+      const result = this.editor.getElementsByRange(useCache).includes;
       return result.some((item) => {
         if (item.element.isBlock()) {
           return item.element.parsedom == "table";
@@ -22603,7 +22711,7 @@ const _sfc_main = {
         const block = this.editor.range.anchor.element.getBlock();
         return blockIsTask(block);
       }
-      const result = this.editor.getElementsByRange(true, false, useCache);
+      const result = this.editor.getElementsByRange(useCache).includes;
       return result.some((item) => {
         if (item.element.isBlock()) {
           return blockIsTask(item.element);
@@ -22621,7 +22729,7 @@ const _sfc_main = {
       if (this.editor.range.anchor.isEqual(this.editor.range.focus)) {
         return this.editor.range.anchor.element.isClosed() && this.editor.range.anchor.element.parsedom == "img";
       }
-      const result = this.editor.getElementsByRange(true, true, useCache);
+      const result = this.editor.getElementsByRange(useCache).flatIncludes;
       return result.some((item) => {
         return item.element.isClosed() && item.element.parsedom == "img";
       });
@@ -22634,7 +22742,7 @@ const _sfc_main = {
       if (this.editor.range.anchor.isEqual(this.editor.range.focus)) {
         return this.editor.range.anchor.element.isClosed() && this.editor.range.anchor.element.parsedom == "video";
       }
-      const result = this.editor.getElementsByRange(true, true, useCache);
+      const result = this.editor.getElementsByRange(useCache).flatIncludes;
       return result.some((item) => {
         return item.element.isClosed() && item.element.parsedom == "video";
       });
@@ -22648,7 +22756,7 @@ const _sfc_main = {
         const block = this.editor.range.anchor.element.getBlock();
         return block.parsedom == "blockquote";
       }
-      const result = this.editor.getElementsByRange(true, false, useCache);
+      const result = this.editor.getElementsByRange(useCache).includes;
       return result.every((item) => {
         if (item.element.isBlock()) {
           return item.element.parsedom == "blockquote";
@@ -22667,7 +22775,7 @@ const _sfc_main = {
         const block = this.editor.range.anchor.element.getBlock();
         return blockIsList(block, ordered);
       }
-      const result = this.editor.getElementsByRange(true, false, useCache);
+      const result = this.editor.getElementsByRange(useCache).includes;
       return result.every((item) => {
         if (item.element.isBlock()) {
           return blockIsList(item.element, ordered);
@@ -22686,7 +22794,7 @@ const _sfc_main = {
         const block = this.editor.range.anchor.element.getBlock();
         return blockIsTask(block);
       }
-      const result = this.editor.getElementsByRange(true, false, useCache);
+      const result = this.editor.getElementsByRange(useCache).includes;
       return result.every((item) => {
         if (item.element.isBlock()) {
           return blockIsTask(item.element);
@@ -22697,7 +22805,7 @@ const _sfc_main = {
       });
     },
     //api：创建一个空的表格
-    insertTable(rowLength, colLength, isRender = true) {
+    insertTable(rowLength, colLength, isRender = true, useCache = false) {
       if (this.disabled) {
         return;
       }
@@ -22717,7 +22825,7 @@ const _sfc_main = {
         }
         this.editor.addElementTo(row, tbody);
       }
-      this.editor.insertElement(table);
+      this.editor.insertElement(table, true, useCache);
       const paragraph = new AlexElement("block", AlexElement.BLOCK_NODE, null, null, null);
       const breakEl = new AlexElement("closed", "br", null, null, null);
       this.editor.addElementTo(breakEl, paragraph);
@@ -22764,10 +22872,10 @@ const _sfc_main = {
           this.editor.addElementTo(breakEl, paragraph);
           this.editor.addElementAfter(paragraph, block);
         } else {
-          let result = this.editor.getElementsByRange(true, false, useCache);
+          let result = this.editor.getElementsByRange(true).includes;
           this.editor.range.anchor.moveToStart(result[0].element.getBlock());
           this.editor.range.focus.moveToEnd(result[result.length - 1].element.getBlock());
-          const res = this.editor.getElementsByRange(true, true, useCache).filter((el) => el.element.isText());
+          const res = this.editor.getElementsByRange(true).flatIncludes.filter((el) => el.element.isText());
           const obj2 = {};
           res.forEach((el) => {
             if (obj2[el.element.getBlock().key]) {
@@ -22809,14 +22917,14 @@ const _sfc_main = {
       }
     },
     //api：插入文本
-    insertText(text2, isRender = true) {
+    insertText(text2, isRender = true, useCache = false) {
       if (this.disabled) {
         return;
       }
       if (!this.editor.range) {
         return;
       }
-      this.editor.insertText(text2);
+      this.editor.insertText(text2, useCache);
       if (isRender) {
         this.editor.formatElementStack();
         this.editor.domRender();
@@ -22824,7 +22932,7 @@ const _sfc_main = {
       }
     },
     //api：插入html
-    insertHtml(html, isRender = true) {
+    insertHtml(html, isRender = true, useCache = false) {
       if (this.disabled) {
         return;
       }
@@ -22833,7 +22941,7 @@ const _sfc_main = {
       }
       const elements = this.editor.parseHtml(html);
       for (let i = 0; i < elements.length; i++) {
-        this.editor.insertElement(elements[i], false);
+        this.editor.insertElement(elements[i], false, i == 0 ? useCache : false);
       }
       if (isRender) {
         this.editor.formatElementStack();
@@ -22849,19 +22957,16 @@ const _sfc_main = {
     this.editor.destroy();
   }
 };
-const _hoisted_1 = { class: "editify" };
-const _hoisted_2 = ["data-editify-uid"];
-const _hoisted_3 = ["data-editify-placeholder"];
-const _hoisted_4 = ["value"];
-const _hoisted_5 = {
-  key: 1,
-  class: "editify-footer"
-};
-const _hoisted_6 = { class: "editify-footer-words" };
+const _hoisted_1 = ["data-editify-uid"];
+const _hoisted_2 = ["data-editify-placeholder"];
+const _hoisted_3 = ["value"];
+const _hoisted_4 = { class: "editify-footer-words" };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_Menu = resolveComponent("Menu");
   const _component_Toolbar = resolveComponent("Toolbar");
-  return openBlock(), createElementBlock("div", _hoisted_1, [
+  return openBlock(), createElementBlock("div", {
+    class: normalizeClass(["editify", { fullheight: _ctx.height === true && !$data.isFullScreen, fullscreen: $data.isFullScreen }])
+  }, [
     $options.menuConfig.use ? (openBlock(), createBlock(_component_Menu, {
       key: 0,
       config: $options.menuConfig,
@@ -22871,7 +22976,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     }, null, 8, ["config", "disabled", "color"])) : createCommentVNode("", true),
     createElementVNode("div", {
       ref: "body",
-      class: normalizeClass(["editify-body", { border: _ctx.border, menu_inner: $options.menuConfig.use && $options.menuConfig.mode == "inner" }]),
+      class: normalizeClass(["editify-body", { border: $options.showBorder, menu_inner: $options.menuConfig.use && $options.menuConfig.mode == "inner" }]),
       "data-editify-uid": $setup.uid
     }, [
       createElementVNode("div", {
@@ -22883,13 +22988,13 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         onCompositionstart: _cache[2] || (_cache[2] = ($event) => $data.isInputChinese = true),
         onCompositionend: _cache[3] || (_cache[3] = ($event) => $data.isInputChinese = false),
         "data-editify-placeholder": _ctx.placeholder
-      }, null, 46, _hoisted_3),
+      }, null, 46, _hoisted_2),
       $data.isSourceView ? (openBlock(), createElementBlock("textarea", {
         key: 0,
         value: $options.value,
         readonly: "",
         class: "editify-source"
-      }, null, 8, _hoisted_4)) : createCommentVNode("", true),
+      }, null, 8, _hoisted_3)) : createCommentVNode("", true),
       createVNode(_component_Toolbar, {
         ref: "toolbar",
         modelValue: $data.toolbarOptions.show,
@@ -22898,13 +23003,17 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         type: $data.toolbarOptions.type,
         config: $options.toolbarConfig
       }, null, 8, ["modelValue", "node", "type", "config"])
-    ], 10, _hoisted_2),
-    _ctx.showWordLength ? (openBlock(), createElementBlock("div", _hoisted_5, [
-      createElementVNode("div", _hoisted_6, toDisplayString($options.$editTrans("totalWordCount")) + toDisplayString($options.textValue.length), 1)
-    ])) : createCommentVNode("", true)
-  ]);
+    ], 10, _hoisted_1),
+    _ctx.showWordLength ? (openBlock(), createElementBlock("div", {
+      key: 1,
+      class: normalizeClass(["editify-footer", { fullscreen: $data.isFullScreen && !$data.isSourceView }]),
+      ref: "footer"
+    }, [
+      createElementVNode("div", _hoisted_4, toDisplayString($options.$editTrans("totalWordCount")) + toDisplayString($options.textValue.length), 1)
+    ], 2)) : createCommentVNode("", true)
+  ], 2);
 }
-const Editify = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-b523f8ea"]]);
+const Editify = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-ede8b39b"]]);
 const iconfont = "";
 const en_US = {
   textWrapUp: "Up feed",
@@ -22989,7 +23098,8 @@ const en_US = {
   alignRight: "Align right",
   alignJustify: "Align justify",
   defaultLineHeight: "Default",
-  auto: "auto"
+  auto: "auto",
+  fullScreen: "Full screen"
 };
 const zh_CN = {
   textWrapUp: "向上换行",
@@ -23074,7 +23184,8 @@ const zh_CN = {
   alignRight: "右对齐",
   alignJustify: "两端对齐",
   defaultLineHeight: "默认行高",
-  auto: "自适应"
+  auto: "自适应",
+  fullScreen: "全屏"
 };
 const translations = {
   zh_CN,
@@ -23085,7 +23196,7 @@ const i18n = (locale) => {
     return translations[locale][key];
   };
 };
-const version = "0.0.47";
+const version = "0.0.49";
 const install = (app, props) => {
   const locale = (props ? props.locale : "zh_CN") || "zh_CN";
   app.provide("$editTrans", i18n(locale));