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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lambo-design/wang-editor",
-  "version": "2.0.0-beta.4",
+  "version": "2.0.0-beta.7",
   "description": "",
   "main": "index.js",
   "author": "lambo",
@@ -10,12 +10,13 @@
     "registry": "https://registry.npmjs.org/"
   },
   "devDependencies": {
-    "@lambo-design/core": "^4.7.1-beta.175",
-    "@lambo-design/shared": "^1.0.0-beta.334"
+    "@lambo-design/core": "^4.7.1-beta.183",
+    "@lambo-design/shared": "^1.0.0-beta.379"
   },
   "dependencies": {
     "@wangeditor/editor": "5.1.23",
-    "@wangeditor/editor-for-vue": "^1.0.2"
+    "@wangeditor/editor-for-vue": "^1.0.2",
+    "xss": "^1.0.15"
   },
   "scripts": {
     "release": "pnpm release-beta && git push --follow-tags && pnpm re-publish",

package/src/index.vue

@@ -24,6 +24,7 @@ import {oneOf} from '@lambo-design/shared/utils/platform';
 import { Editor, Toolbar } from '@wangeditor/editor-for-vue'
 import '@wangeditor/editor/dist/css/style.css'
 
+import xss from 'xss';
 export default {
   name: 'LamboWangEditor',
   components: { Editor, Toolbar },
@@ -153,23 +154,32 @@ export default {
   },
   methods: {
     setHtml(val) {
+      let htmlVal = xss(val)
       if (this.editor) {
-        this.editor.setHtml(val)
+        this.editor.setHtml(htmlVal)
       } else {
         // 编辑器尚未初始化时的处理
         console.warn('Editor not initialized yet, queuing the content update...');
         // 可以考虑缓存内容，等待编辑器初始化后设置
-        this.pendingContent = val;
+        this.pendingContent = htmlVal;
       }
     },
     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() ，否则会报错