@wangeditor-next/editor 5.2.3 → 5.2.5

package/dist/index.esm.js

@@ -17751,7 +17751,7 @@ var shouldClear = op => {
   return true;
 };
 
-/*! *****************************************************************************
+/******************************************************************************
 Copyright (c) Microsoft Corporation.
 
 Permission to use, copy, modify, and/or distribute this software for any
@@ -17765,7 +17765,7 @@ LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
 OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
 PERFORMANCE OF THIS SOFTWARE.
 ***************************************************************************** */
-/* global Reflect, Promise */
+/* global Reflect, Promise, SuppressedError, Symbol */
 
 var extendStatics$2 = function(d, b) {
     extendStatics$2 = Object.setPrototypeOf ||
@@ -17822,11 +17822,20 @@ function __read$6(o, n) {
     return ar;
 }
 
-function __spreadArray(to, from) {
-    for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)
-        to[j] = from[i];
-    return to;
-}
+function __spreadArray(to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+}
+
+typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
+    var e = new Error(message);
+    return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
+};
 
 /**
  * An auto-incrementing identifier for keys.
@@ -19781,6 +19790,14 @@ function parseElemHtml($elem, editor) {
             return parseCommonElemHtml($elem, editor);
         }
         else {
+            if ($elem[0].childNodes.length > 1) {
+                var childNodes = $elem[0].childNodes;
+                return Array.from(childNodes).map(function (child) {
+                    $($elem[0]).empty();
+                    $($elem[0]).append($(child));
+                    return parseTextElemHtml($($elem[0]), editor);
+                });
+            }
             return parseTextElemHtml($elem, editor);
         }
     }
@@ -24186,7 +24203,6 @@ var HoverBar = /** @class */ (function () {
         }
         //替换 icon svg
         var menuConf = editor.getMenuConfig(key);
-        console.log('🚀 ~ HoverBar ~ registerSingleItem ~ menuConf:', menuConf, menu);
         if (menuConf && menuConf.iconSvg !== undefined) {
             menu.iconSvg = menuConf.iconSvg;
         }
@@ -27381,10 +27397,14 @@ var enResources$5 = {
         netImage: 'Net image',
         delete: 'Delete image',
         edit: 'Edit image',
+        editSize: 'Edit size',
         viewLink: 'View link',
         src: 'Image src',
         desc: 'Description',
         link: 'Image link',
+        ok: 'Ok',
+        width: 'Width',
+        height: 'Height',
     },
     indent: {
         decrease: 'Decrease',
@@ -27475,10 +27495,14 @@ var zhResources$5 = {
         netImage: '网络图片',
         delete: '删除图片',
         edit: '编辑图片',
+        editSize: '修改尺寸',
         viewLink: '查看链接',
         src: '图片地址',
         desc: '图片描述',
         link: '图片链接',
+        ok: '确定',
+        width: '宽度',
+        height: '高度',
     },
     indent: {
         decrease: '减少缩进',
@@ -27699,7 +27723,7 @@ var parseParagraphHtmlConf = {
     parseElemHtml: parseParagraphHtml,
 };
 
-/*! *****************************************************************************
+/******************************************************************************
 Copyright (c) Microsoft Corporation.
 
 Permission to use, copy, modify, and/or distribute this software for any
@@ -27713,7 +27737,7 @@ LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
 OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
 PERFORMANCE OF THIS SOFTWARE.
 ***************************************************************************** */
-/* global Reflect, Promise */
+/* global Reflect, Promise, SuppressedError, Symbol */
 
 var extendStatics$1 = function(d, b) {
     extendStatics$1 = Object.setPrototypeOf ||
@@ -27757,7 +27781,7 @@ function __generator$2(thisArg, body) {
     function verb(n) { return function (v) { return step([n, v]); }; }
     function step(op) {
         if (f) throw new TypeError("Generator is already executing.");
-        while (_) try {
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
             if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
             if (y = 0, t) op = [op[0] & 2, t.value];
             switch (op[0]) {
@@ -27806,7 +27830,12 @@ function __read$5(o, n) {
         finally { if (e) throw e.error; }
     }
     return ar;
-}
+}
+
+typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
+    var e = new Error(message);
+    return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
+};
 
 /**
  * @description editor 插件，重写 editor API
@@ -29681,7 +29710,7 @@ var parseHtmlConf$4 = {
 /**
  * 生成唯一的 DOM ID
  */
-function genDomID$3() {
+function genDomID$4() {
     return genRandomStr$1('w-e-insert-link');
 }
 var InsertLinkMenu = /** @class */ (function () {
@@ -29692,9 +29721,9 @@ var InsertLinkMenu = /** @class */ (function () {
         this.showModal = true; // 点击 button 时显示 modal
         this.modalWidth = 300;
         this.$content = null;
-        this.textInputId = genDomID$3();
-        this.urlInputId = genDomID$3();
-        this.buttonId = genDomID$3();
+        this.textInputId = genDomID$4();
+        this.urlInputId = genDomID$4();
+        this.buttonId = genDomID$4();
     }
     InsertLinkMenu.prototype.getValue = function (editor) {
         // 插入菜单，不需要 value
@@ -29770,7 +29799,7 @@ var InsertLinkMenu = /** @class */ (function () {
 /**
  * 生成唯一的 DOM ID
  */
-function genDomID$2() {
+function genDomID$3() {
     return genRandomStr$1('w-e-update-link');
 }
 var EditLinkMenu = /** @class */ (function () {
@@ -29781,8 +29810,8 @@ var EditLinkMenu = /** @class */ (function () {
         this.showModal = true; // 点击 button 时显示 modal
         this.modalWidth = 300;
         this.$content = null;
-        this.urlInputId = genDomID$2();
-        this.buttonId = genDomID$2();
+        this.urlInputId = genDomID$3();
+        this.buttonId = genDomID$3();
     }
     EditLinkMenu.prototype.getSelectedLinkElem = function (editor) {
         var node = DomEditor.getSelectedNodeByType(editor, 'link');
@@ -30410,7 +30439,7 @@ function isInsertImageMenuDisabled(editor) {
 /**
  * 生成唯一的 DOM ID
  */
-function genDomID$1$1() {
+function genDomID$2() {
     return genRandomStr$1('w-e-insert-image');
 }
 var InsertImage = /** @class */ (function () {
@@ -30421,10 +30450,10 @@ var InsertImage = /** @class */ (function () {
         this.showModal = true; // 点击 button 时显示 modal
         this.modalWidth = 300;
         this.$content = null;
-        this.srcInputId = genDomID$1$1();
-        this.altInputId = genDomID$1$1();
-        this.hrefInputId = genDomID$1$1();
-        this.buttonId = genDomID$1$1();
+        this.srcInputId = genDomID$2();
+        this.altInputId = genDomID$2();
+        this.hrefInputId = genDomID$2();
+        this.buttonId = genDomID$2();
     }
     InsertImage.prototype.getValue = function (editor) {
         // 插入菜单，不需要 value
@@ -30548,7 +30577,7 @@ var DeleteImage = /** @class */ (function () {
 /**
  * 生成唯一的 DOM ID
  */
-function genDomID$4() {
+function genDomID$1$1() {
     return genRandomStr$1('w-e-edit-image');
 }
 var EditImage = /** @class */ (function () {
@@ -30559,10 +30588,10 @@ var EditImage = /** @class */ (function () {
         this.showModal = true; // 点击 button 时显示 modal
         this.modalWidth = 300;
         this.$content = null;
-        this.srcInputId = genDomID$4();
-        this.altInputId = genDomID$4();
-        this.hrefInputId = genDomID$4();
-        this.buttonId = genDomID$4();
+        this.srcInputId = genDomID$1$1();
+        this.altInputId = genDomID$1$1();
+        this.hrefInputId = genDomID$1$1();
+        this.buttonId = genDomID$1$1();
     }
     EditImage.prototype.getValue = function (editor) {
         // 编辑图片，用不到 getValue
@@ -30797,6 +30826,122 @@ var ImageWidth100 = /** @class */ (function (_super) {
     return ImageWidth100;
 }(ImageWidthBaseClass));
 
+/**
+ * @description 修改图片尺寸
+ * @author wangfupeng
+ */
+/**
+ * 生成唯一的 DOM ID
+ */
+function genDomID$5() {
+    return genRandomStr$1('w-e-insert-image');
+}
+var EditorImageSizeMenu = /** @class */ (function () {
+    function EditorImageSizeMenu() {
+        this.title = t('image.editSize');
+        this.tag = 'button';
+        this.showModal = true; // 点击 button 时显示 modal
+        this.modalWidth = 320;
+        this.$content = null;
+        this.widthInputId = genDomID$5();
+        this.heightInputId = genDomID$5();
+        this.buttonId = genDomID$5();
+    }
+    EditorImageSizeMenu.prototype.getSelectedImageNode = function (editor) {
+        return DomEditor.getSelectedNodeByType(editor, 'image');
+    };
+    EditorImageSizeMenu.prototype.getValue = function (editor) {
+        // 插入菜单，不需要 value
+        return '';
+    };
+    EditorImageSizeMenu.prototype.isActive = function (editor) {
+        // 任何时候，都不用激活 menu
+        return false;
+    };
+    EditorImageSizeMenu.prototype.exec = function (editor, value) {
+        // 点击菜单时，弹出 modal 之前，不需要执行其他代码
+        // 此处空着即可
+    };
+    EditorImageSizeMenu.prototype.isDisabled = function (editor) {
+        if (editor.selection == null)
+            return true;
+        var imageNode = this.getSelectedImageNode(editor);
+        if (imageNode == null) {
+            // 选区未处于 image node ，则禁用
+            return true;
+        }
+        return false;
+    };
+    EditorImageSizeMenu.prototype.getModalPositionNode = function (editor) {
+        return this.getSelectedImageNode(editor);
+    };
+    EditorImageSizeMenu.prototype.getModalContentElem = function (editor) {
+        // return $('<div><p>修改尺寸</p><p>修改尺寸</p><p>修改尺寸</p><p>修改尺寸</p></div>')[0]
+        var _a = this, widthInputId = _a.widthInputId, heightInputId = _a.heightInputId, buttonId = _a.buttonId;
+        var _b = __read$5(genModalInputElems(t('image.width'), widthInputId, 'auto'), 2), widthContainerElem = _b[0], inputWidthElem = _b[1];
+        var $inputWidth = $(inputWidthElem);
+        var _c = __read$5(genModalInputElems(t('image.height'), heightInputId, 'auto'), 2), heightContainerElem = _c[0], inputHeightElem = _c[1];
+        var $inputHeight = $(inputHeightElem);
+        var _d = __read$5(genModalButtonElems(buttonId, t('image.ok')), 1), buttonContainerElem = _d[0];
+        if (this.$content == null) {
+            // 第一次渲染
+            var $content_1 = $('<div></div>');
+            // 绑定事件（第一次渲染时绑定，不要重复绑定）
+            $content_1.on('click', "#" + buttonId, function (e) {
+                e.preventDefault();
+                var rawWidth = $content_1.find("#" + widthInputId).val().trim();
+                var rawHeight = $content_1.find("#" + heightInputId).val().trim();
+                var isPercentage = function (value) { return /^\d+(\.\d+)?%$/.test(value); }; // 检查是否为合法的百分比字符串
+                var isNumeric = function (value) { return /^\d+(\.\d+)?$/.test(value); }; // 检查是否为合法的数字
+                var width = 'auto';
+                var height = 'auto';
+                if (isPercentage(rawWidth)) {
+                    width = rawWidth;
+                }
+                else if (isNumeric(rawWidth)) {
+                    width = parseInt(rawWidth) + 'px';
+                }
+                if (isPercentage(rawHeight)) {
+                    height = rawHeight;
+                }
+                else if (isNumeric(rawHeight)) {
+                    height = parseInt(rawHeight) + 'px';
+                }
+                var _a = imageNode.style, style = _a === void 0 ? {} : _a;
+                editor.restoreSelection();
+                var props = __assign$3(__assign$3({}, style), { style: {
+                        width: width,
+                        height: height,
+                    } });
+                // 修改尺寸
+                Transforms.setNodes(editor, props, {
+                    match: function (n) { return DomEditor.checkNodeType(n, 'image'); },
+                });
+                editor.hidePanelOrModal(); // 隐藏 modal
+            });
+            this.$content = $content_1;
+        }
+        var $content = this.$content;
+        // 先清空，再重新添加 DOM 内容
+        $content.empty();
+        $content.append(widthContainerElem);
+        $content.append(heightContainerElem);
+        $content.append(buttonContainerElem);
+        var imageNode = this.getSelectedImageNode(editor);
+        if (imageNode == null)
+            return $content[0];
+        // 初始化 input 值
+        var _e = imageNode.width, width = _e === void 0 ? 'auto' : _e, _f = imageNode.height, height = _f === void 0 ? 'auto' : _f;
+        $inputWidth.val(width);
+        $inputHeight.val(height);
+        setTimeout(function () {
+            $inputWidth.focus();
+        });
+        return $content[0];
+    };
+    return EditorImageSizeMenu;
+}());
+
 /**
  * @description 图片菜单配置
  * @author wangfupeng
@@ -30890,6 +31035,12 @@ var imageWidth100MenuConf = {
     factory: function () {
         return new ImageWidth100();
     },
+};
+var EditorImageSizeMenuConf = {
+    key: 'editorImageSizeMenu',
+    factory: function () {
+        return new EditorImageSizeMenu();
+    },
 };
 
 /**
@@ -30908,6 +31059,7 @@ var image$1 = {
         imageWidth30MenuConf,
         imageWidth50MenuConf,
         imageWidth100MenuConf,
+        EditorImageSizeMenuConf,
     ],
     editorPlugin: withImage,
 };
@@ -33300,7 +33452,7 @@ var renderListItemConf = {
     renderElem: renderListElem,
 };
 
-/*! *****************************************************************************
+/******************************************************************************
 Copyright (c) Microsoft Corporation.
 
 Permission to use, copy, modify, and/or distribute this software for any
@@ -33314,7 +33466,7 @@ LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
 OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
 PERFORMANCE OF THIS SOFTWARE.
 ***************************************************************************** */
-/* global Reflect, Promise */
+/* global Reflect, Promise, SuppressedError, Symbol */
 
 var extendStatics = function(d, b) {
     extendStatics = Object.setPrototypeOf ||
@@ -33370,7 +33522,12 @@ function __read$4(o, n) {
         finally { if (e) throw e.error; }
     }
     return ar;
-}
+}
+
+typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
+    var e = new Error(message);
+    return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
+};
 
 /**
  * @description table menu helpers
@@ -35819,7 +35976,7 @@ var zhResources$3 = {
 i18nAddResources('en', enResources$3);
 i18nAddResources('zh-CN', zhResources$3);
 
-/*! *****************************************************************************
+/******************************************************************************
 Copyright (c) Microsoft Corporation.
 
 Permission to use, copy, modify, and/or distribute this software for any
@@ -35861,7 +36018,12 @@ function __read$3(o, n) {
         finally { if (e) throw e.error; }
     }
     return ar;
-}
+}
+
+typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
+    var e = new Error(message);
+    return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
+};
 
 /**
  * @description editor 插件，重写 editor API
@@ -37163,7 +37325,7 @@ var zhResources$2 = {
 i18nAddResources('en', enResources$2);
 i18nAddResources('zh-CN', zhResources$2);
 
-/*! *****************************************************************************
+/******************************************************************************
 Copyright (c) Microsoft Corporation.
 
 Permission to use, copy, modify, and/or distribute this software for any
@@ -37205,7 +37367,7 @@ function __generator$1(thisArg, body) {
     function verb(n) { return function (v) { return step([n, v]); }; }
     function step(op) {
         if (f) throw new TypeError("Generator is already executing.");
-        while (_) try {
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
             if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
             if (y = 0, t) op = [op[0] & 2, t.value];
             switch (op[0]) {
@@ -37262,7 +37424,12 @@ function __asyncValues$1(o) {
     return m ? m.call(o) : (o = typeof __values$2 === "function" ? __values$2(o) : o[Symbol.iterator](), i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i);
     function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }
     function settle(resolve, reject, d, v) { Promise.resolve(v).then(function(v) { resolve({ value: v, done: d }); }, reject); }
-}
+}
+
+typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
+    var e = new Error(message);
+    return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
+};
 
 /**
  * @description editor 插件，重写 editor API
@@ -37336,12 +37503,20 @@ function getTagName($elem) {
  * @param height height
  * @returns iframe html string with size style
  */
-function genSizeStyledIframeHtml(iframeHtml, width, height) {
+function genSizeStyledIframeHtml(iframeHtml, width, height, style) {
     if (width === void 0) { width = 'auto'; }
     if (height === void 0) { height = 'auto'; }
+    if (style === void 0) { style = {}; }
     var $iframe = $(iframeHtml);
+    var _a = style.width, styleWidth = _a === void 0 ? '' : _a, _b = style.height, styleHeight = _b === void 0 ? '' : _b;
+    var styleStr = '';
+    if (styleWidth)
+        styleStr += "width: " + styleWidth + ";";
+    if (styleHeight)
+        styleStr += "height: " + styleHeight + ";";
     $iframe.attr('width', width);
     $iframe.attr('height', height);
+    $iframe.attr('style', styleStr);
     return $iframe[0].outerHTML;
 }
 
@@ -37350,19 +37525,19 @@ function genSizeStyledIframeHtml(iframeHtml, width, height) {
  * @author wangfupeng
  */
 function renderVideo(elemNode, children, editor) {
-    var _a = elemNode, _b = _a.src, src = _b === void 0 ? '' : _b, _c = _a.poster, poster = _c === void 0 ? '' : _c, _d = _a.width, width = _d === void 0 ? 'auto' : _d, _e = _a.height, height = _e === void 0 ? 'auto' : _e;
+    var _a = elemNode, _b = _a.src, src = _b === void 0 ? '' : _b, _c = _a.poster, poster = _c === void 0 ? '' : _c, _d = _a.width, width = _d === void 0 ? 'auto' : _d, _e = _a.height, height = _e === void 0 ? 'auto' : _e, _f = _a.style, style = _f === void 0 ? {} : _f;
     // 是否选中
     var selected = DomEditor.isNodeSelected(editor, elemNode);
     var vnode;
     if (src.trim().indexOf('<iframe ') === 0) {
         // 增加尺寸样式
-        var iframeHtml = genSizeStyledIframeHtml(src, width, height);
+        var iframeHtml = genSizeStyledIframeHtml(src, width, height, style);
         // iframe 形式，第三方视频
         vnode = (jsx("div", { className: "w-e-textarea-video-container", "data-selected": selected ? 'true' : '', innerHTML: iframeHtml }));
     }
     else {
         // 其他，mp4 格式
-        var videoVnode = (jsx("video", { poster: poster, controls: true },
+        var videoVnode = (jsx("video", { poster: poster, controls: true, style: style },
             jsx("source", { src: src, type: "video/mp4" }), "Sorry, your browser doesn't support embedded videos.\n \u62B1\u6B49\uFF0C\u6D4F\u89C8\u5668\u4E0D\u652F\u6301 video \u89C6\u9891"));
         // @ts-ignore 添加尺寸
         if (width !== 'auto')
@@ -37393,16 +37568,22 @@ var renderVideoConf = {
  * @author wangfupeng
  */
 function videoToHtml(elemNode, childrenHtml) {
-    var _a = elemNode, _b = _a.src, src = _b === void 0 ? '' : _b, _c = _a.poster, poster = _c === void 0 ? '' : _c, _d = _a.width, width = _d === void 0 ? 'auto' : _d, _e = _a.height, height = _e === void 0 ? 'auto' : _e;
+    var _a = elemNode, _b = _a.src, src = _b === void 0 ? '' : _b, _c = _a.poster, poster = _c === void 0 ? '' : _c, _d = _a.width, width = _d === void 0 ? 'auto' : _d, _e = _a.height, height = _e === void 0 ? 'auto' : _e, _f = _a.style, style = _f === void 0 ? {} : _f;
     var res = '<div data-w-e-type="video" data-w-e-is-void style="text-align: center;">\n';
     if (src.trim().indexOf('<iframe ') === 0) {
         // iframe 形式
-        var iframeHtml = genSizeStyledIframeHtml(src, width, height);
+        var iframeHtml = genSizeStyledIframeHtml(src, width, height, style);
         res += iframeHtml;
     }
     else {
         // 其他，mp4 等 url 格式
-        res += "<video poster=\"" + poster + "\" controls=\"true\" width=\"" + width + "\" height=\"" + height + "\"><source src=\"" + src + "\" type=\"video/mp4\"/></video>";
+        var _g = style.width, styleWidth = _g === void 0 ? '' : _g, _h = style.height, styleHeight = _h === void 0 ? '' : _h;
+        var styleStr = '';
+        if (styleWidth)
+            styleStr += "width: " + styleWidth + ";";
+        if (styleHeight)
+            styleStr += "height: " + styleHeight + ";";
+        res += "<video poster=\"" + poster + "\" controls=\"true\" width=\"" + width + "\" height=\"" + height + "\" style=\"" + styleStr + "\"><source src=\"" + src + "\" type=\"video/mp4\"/></video>";
     }
     res += '\n</div>';
     return res;
@@ -37456,16 +37637,18 @@ var preParseHtmlConf = {
  * @description parse html
  * @author wangfupeng
  */
-function genVideoElem(src, poster, width, height) {
+function genVideoElem(src, poster, width, height, style) {
     if (poster === void 0) { poster = ''; }
     if (width === void 0) { width = 'auto'; }
     if (height === void 0) { height = 'auto'; }
+    if (style === void 0) { style = {}; }
     return {
         type: 'video',
         src: src,
         poster: poster,
         width: width,
         height: height,
+        style: style,
         children: [{ text: '' }], // void 元素有一个空 text
     };
 }
@@ -37475,13 +37658,15 @@ function parseHtml(elem, children, editor) {
     var poster = '';
     var width = 'auto';
     var height = 'auto';
+    var style = {};
     // <iframe> 形式
     var $iframe = $elem.find('iframe');
     if ($iframe.length > 0) {
         width = $iframe.attr('width') || 'auto';
         height = $iframe.attr('height') || 'auto';
+        style = $iframe.attr('style') || {};
         src = $iframe[0].outerHTML;
-        return genVideoElem(src, poster, width, height);
+        return genVideoElem(src, poster, width, height, style);
     }
     // <video> 形式
     var $video = $elem.find('video');
@@ -37495,7 +37680,8 @@ function parseHtml(elem, children, editor) {
     width = $video.attr('width') || 'auto';
     height = $video.attr('height') || 'auto';
     poster = $video.attr('poster') || '';
-    return genVideoElem(src, poster, width, height);
+    style = $iframe.attr('style') || {};
+    return genVideoElem(src, poster, width, height, style);
 }
 var parseHtmlConf = {
     selector: 'div[data-w-e-type="video"]',
@@ -37546,8 +37732,10 @@ var UPLOAD_VIDEO_SVG = '<svg viewBox="0 0 1056 1024"><path d="M805.902261 521.81
  * @param src video src
  * @param poster video poster
  */
-function insertVideo (editor, src, poster) {
+function insertVideo (editor, src, poster, width, height) {
     if (poster === void 0) { poster = ''; }
+    if (width === void 0) { width = ''; }
+    if (height === void 0) { height = ''; }
     return __awaiter$1(this, void 0, void 0, function () {
         var _a, onInsertedVideo, checkVideo, parseVideoSrc, checkRes, parsedSrc, video;
         return __generator$1(this, function (_b) {
@@ -37580,7 +37768,11 @@ function insertVideo (editor, src, poster) {
                         type: 'video',
                         src: parsedSrc,
                         poster: poster,
-                        children: [{ text: '' }], // 【注意】void node 需要一个空 text 作为 children
+                        children: [{ text: '' }],
+                        style: {
+                            width: width,
+                            height: height,
+                        },
                     };
                     // 插入视频
                     // 不使用此方式会比正常的选区选取先执行
@@ -37983,13 +38175,30 @@ var EditorVideoSizeMenu = /** @class */ (function () {
                 e.preventDefault();
                 var rawWidth = $content_1.find("#" + widthInputId).val().trim();
                 var rawHeight = $content_1.find("#" + heightInputId).val().trim();
-                var numberWidth = parseInt(rawWidth);
-                var numberHeight = parseInt(rawHeight);
-                var width = numberWidth ? numberWidth.toString() : 'auto';
-                var height = numberHeight ? numberHeight.toString() : 'auto';
+                var isPercentage = function (value) { return /^\d+(\.\d+)?%$/.test(value); }; // 检查是否为合法的百分比字符串
+                var isNumeric = function (value) { return /^\d+(\.\d+)?$/.test(value); }; // 检查是否为合法的数字
+                var width = 'auto';
+                var height = 'auto';
+                if (isPercentage(rawWidth)) {
+                    width = rawWidth;
+                }
+                else if (isNumeric(rawWidth)) {
+                    width = parseInt(rawWidth) + 'px';
+                }
+                if (isPercentage(rawHeight)) {
+                    height = rawHeight;
+                }
+                else if (isNumeric(rawHeight)) {
+                    height = parseInt(rawHeight) + 'px';
+                }
+                var _a = videoNode.style, style = _a === void 0 ? {} : _a;
                 editor.restoreSelection();
+                var props = __assign$2(__assign$2({}, style), { style: {
+                        width: width,
+                        height: height,
+                    } });
                 // 修改尺寸
-                Transforms.setNodes(editor, { width: width, height: height }, {
+                Transforms.setNodes(editor, props, {
                     match: function (n) { return DomEditor.checkNodeType(n, 'video'); },
                 });
                 editor.hidePanelOrModal(); // 隐藏 modal
@@ -38171,7 +38380,7 @@ var zhResources$1 = {
 i18nAddResources('en', enResources$1);
 i18nAddResources('zh-CN', zhResources$1);
 
-/*! *****************************************************************************
+/******************************************************************************
 Copyright (c) Microsoft Corporation.
 
 Permission to use, copy, modify, and/or distribute this software for any
@@ -38213,7 +38422,7 @@ function __generator(thisArg, body) {
     function verb(n) { return function (v) { return step([n, v]); }; }
     function step(op) {
         if (f) throw new TypeError("Generator is already executing.");
-        while (_) try {
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
             if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
             if (y = 0, t) op = [op[0] & 2, t.value];
             switch (op[0]) {
@@ -38270,7 +38479,12 @@ function __asyncValues(o) {
     return m ? m.call(o) : (o = typeof __values$1 === "function" ? __values$1(o) : o[Symbol.iterator](), i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i);
     function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }
     function settle(resolve, reject, d, v) { Promise.resolve(v).then(function(v) { resolve({ value: v, done: d }); }, reject); }
-}
+}
+
+typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
+    var e = new Error(message);
+    return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
+};
 
 /**
  * @description 上传文件
@@ -43389,7 +43603,7 @@ var codeHighlightModule = {
     elemsToHtml: [codeToHtmlConf],
 };
 
-/*! *****************************************************************************
+/******************************************************************************
 Copyright (c) Microsoft Corporation.
 
 Permission to use, copy, modify, and/or distribute this software for any
@@ -43431,7 +43645,12 @@ function __read(o, n) {
         finally { if (e) throw e.error; }
     }
     return ar;
-}
+}
+
+typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
+    var e = new Error(message);
+    return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
+};
 
 /**
  * @description code-highlight decorate
@@ -43493,7 +43712,7 @@ var codeHighLightDecorate = function (nodeEntry) {
     return ranges;
 };
 
-/*! *****************************************************************************
+/******************************************************************************
 Copyright (c) Microsoft Corporation.
 
 Permission to use, copy, modify, and/or distribute this software for any
@@ -43517,6 +43736,11 @@ var __assign = function() {
         return t;
     };
     return __assign.apply(this, arguments);
+};
+
+typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
+    var e = new Error(message);
+    return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
 };
 
 /**
@@ -43791,6 +44015,7 @@ var COMMON_HOVERBAR_KEYS = {
             'imageWidth30',
             'imageWidth50',
             'imageWidth100',
+            'editorImageSizeMenu',
             'editImage',
             'viewImageLink',
             'deleteImage',