@lambo-design/wang-editor 2.0.0-beta.3 → 2.0.0-beta.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lambo-design/wang-editor",
-  "version": "2.0.0-beta.3",
+  "version": "2.0.0-beta.6",
   "description": "",
   "main": "index.js",
   "author": "lambo",
@@ -10,8 +10,8 @@
     "registry": "https://registry.npmjs.org/"
   },
   "devDependencies": {
-    "@lambo-design/shared": "^1.0.0-beta.334",
-    "@lambo-design/core": "^4.7.1-beta.174"
+    "@lambo-design/shared": "^1.0.0-beta.346",
+    "@lambo-design/core": "^4.7.1-beta.176"
   },
   "dependencies": {
     "@wangeditor/editor": "5.1.23",

package/src/index.vue

@@ -120,6 +120,20 @@ export default {
     excludeKeys: {
       type: Array,
       default: () => []
+    },
+    /**
+     * @description 是否使用自定义图片样式插入
+     */
+    useCustomImageStyle: {
+      type: Boolean,
+      default: false
+    },
+    /**
+     * @description 自定义图片宽度比例或像素值
+     */
+    customImageWidth: {
+      type: String,
+      default: '30%'
     }
 
   },
@@ -151,11 +165,19 @@ export default {
     handleChange(editor) {
       const html = editor.getHtml();
       const text = editor.getText();
+
+      // 判断是否为空内容
+      const isEmpty = html === '<p><br></p>' || html.trim() === '';
+
+      // 如果为空，返回空字符串；否则返回原始 HTML 或文本
+      const finalValue = isEmpty ? '' : (this.valueType === 'html' ? html : text);
+
       if (this.cache) {
-        localStorage.editorCache = html;
+        localStorage.editorCache = finalValue;
       }
-      this.$emit('input', this.valueType === 'html' ? html : text);
-      this.$emit('on-change', html, text);
+
+      this.$emit('input', finalValue);
+      this.$emit('on-change', finalValue, text);
     },
     onCreated(editor) {
       this.editor = Object.seal(editor) // 一定要用 Object.seal() ，否则会报错
@@ -241,7 +263,15 @@ export default {
             }));
             // 循环插入每张图片
             imageList.forEach(imageData => {
-              insertFn(imageData.url, imageData.alt, imageData.url);
+              if (self.useCustomImageStyle) {
+                // 使用自定义样式插入
+                const imgUrl = imageData.url;
+                const imgHtml = `<img src="${imgUrl}" alt="${imageData.alt}" style="width: ${self.customImageWidth};"/>`;
+                self.editor.dangerouslyInsertHtml(imgHtml);
+              } else {
+                // 使用默认方式插入
+                insertFn(imageData.url, imageData.alt, imageData.url);
+              }
             });
           }
         } catch (error) {