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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lambo-design/wang-editor",
-  "version": "2.0.0-beta.3",
+  "version": "2.0.0-beta.4",
   "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/core": "^4.7.1-beta.175",
+    "@lambo-design/shared": "^1.0.0-beta.334"
   },
   "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%'
     }
 
   },
@@ -241,7 +255,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) {