From f0885116d491c8637875ccc22f8814b3b1702ab7 Mon Sep 17 00:00:00 2001
From: Phoenix <64720302+Concur-max@users.noreply.github.com>
Date: Tue, 3 Jun 2025 14:17:20 +0800
Subject: [PATCH] =?UTF-8?q?feat(editor):=20=E6=9B=BF=E6=8D=A2=E8=87=AA?=
 =?UTF-8?q?=E5=AE=9A=E4=B9=89=E7=BC=96=E8=BE=91=E5=99=A8=E4=B8=BAWangEdito?=
 =?UTF-8?q?r=E5=AF=8C=E6=96=87=E6=9C=AC=E7=BC=96=E8=BE=91=E5=99=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

引入WangEditor富文本编辑器替换原有自定义编辑器，主要变更包括：
1. 新增WangEditor组件及相关依赖包
2. 实现@提及成员功能
3. 优化图片上传处理
4. 改进键盘事件处理（Enter发送/Ctrl+Enter换行）
5. 支持表情插入和文件上传
6. 添加引用消息卡片显示
7. 优化微前端环境兼容性

移除原有CustomEditor组件及相关代码，调整编辑器样式和交互逻辑
---
 package.json                                  |    3 +
 pnpm-lock.yaml                                |  393 +++++
 src/components/editor/CustomEditor.vue        |   16 +-
 src/components/editor/WangEditor.vue          | 1259 +++++++++++++++++
 src/utils/auth.js                             |    2 +-
 src/views/message/inner/panel/PanelFooter.vue |    4 +-
 vite.config.ts                                |    6 +-
 7 files changed, 1674 insertions(+), 9 deletions(-)
 create mode 100644 src/components/editor/WangEditor.vue

diff --git a/package.json b/package.json
index 8c5366b..7a7ca13 100644
--- a/package.json
+++ b/package.json
@@ -23,6 +23,9 @@
     "@vicons/ionicons5": "^0.13.0",
     "@vueup/vue-quill": "^1.2.0",
     "@vueuse/core": "^10.7.0",
+    "@wangeditor/editor": "^5.1.23",
+    "@wangeditor/editor-for-vue": "^5.1.12",
+    "@wangeditor/plugin-mention": "^1.0.0",
     "ant-design-vue": "^4.2.6",
     "axios": "^1.6.2",
     "highlight.js": "^11.5.0",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 168cebb..7807ea3 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -35,6 +35,15 @@ importers:
       '@vueuse/core':
         specifier: ^10.7.0
         version: 10.11.1(vue@3.5.13(typescript@5.2.2))
+      '@wangeditor/editor':
+        specifier: ^5.1.23
+        version: 5.1.23
+      '@wangeditor/editor-for-vue':
+        specifier: ^5.1.12
+        version: 5.1.12(@wangeditor/editor@5.1.23)(vue@3.5.13(typescript@5.2.2))
+      '@wangeditor/plugin-mention':
+        specifier: ^1.0.0
+        version: 1.0.0(@wangeditor/editor@5.1.23)(snabbdom@3.6.2)
       ant-design-vue:
         specifier: ^4.2.6
         version: 4.2.6(vue@3.5.13(typescript@5.2.2))
@@ -835,6 +844,9 @@ packages:
     resolution: {integrity: sha512-tlqY9xq5ukxTUZBmoOp+m61cqwQD5pHJtFY3Mn8CA8ps6yghLH/Hw8UPdqg4OLmFW3IFlcXnQNmo/dh8HzXYIQ==}
     engines: {node: '>=18'}
 
+  '@transloadit/prettier-bytes@0.0.7':
+    resolution: {integrity: sha512-VeJbUb0wEKbcwaSlj5n+LscBl9IPgLPkHVGBkh00cztv6X4L/TJXK58LzFuBKX7/GAfiGhIwH67YTLTlzvIzBA==}
+
   '@tsconfig/node18@18.2.4':
     resolution: {integrity: sha512-5xxU8vVs9/FNcvm3gE07fPbn9tl6tqGGWA9tSlwsUEkBxtRnTsNmwrV8gasZ9F/EobaSv9+nu8AxUKccw77JpQ==}
 
@@ -859,6 +871,9 @@ packages:
   '@types/estree@1.0.7':
     resolution: {integrity: sha512-w28IoSUCJpidD/TGviZwwMJckNESJZXFu7NBZ5YJ4mEUnNraUn9Pm8HSZm/jDF1pDWYKspWE7oVphigUPRakIQ==}
 
+  '@types/event-emitter@0.3.5':
+    resolution: {integrity: sha512-zx2/Gg0Eg7gwEiOIIh5w9TrhKKTeQh7CPCOPNc0el4pLSwzebA8SmnHwZs2dWlLONvyulykSwGSQxQHLhjGLvQ==}
+
   '@types/glob@7.2.0':
     resolution: {integrity: sha512-ZUxbzKl0IfJILTS6t7ip5fQQM/J3TJYubDm3nMbgubNNYS62eXeUpoLUC8/7fJNiFYHTrGPQn7hspDUzIHX3UA==}
 
@@ -988,6 +1003,23 @@ packages:
     peerDependencies:
       vite: ^2.9.0 || ^3.0.0-0 || ^4.0.0 || ^5.0.0-0
 
+  '@uppy/companion-client@2.2.2':
+    resolution: {integrity: sha512-5mTp2iq97/mYSisMaBtFRry6PTgZA6SIL7LePteOV5x0/DxKfrZW3DEiQERJmYpHzy7k8johpm2gHnEKto56Og==}
+
+  '@uppy/core@2.3.4':
+    resolution: {integrity: sha512-iWAqppC8FD8mMVqewavCz+TNaet6HPXitmGXpGGREGrakZ4FeuWytVdrelydzTdXx6vVKkOmI2FLztGg73sENQ==}
+
+  '@uppy/store-default@2.1.1':
+    resolution: {integrity: sha512-xnpTxvot2SeAwGwbvmJ899ASk5tYXhmZzD/aCFsXePh/v8rNvR2pKlcQUH7cF/y4baUGq3FHO/daKCok/mpKqQ==}
+
+  '@uppy/utils@4.1.3':
+    resolution: {integrity: sha512-nTuMvwWYobnJcytDO3t+D6IkVq/Qs4Xv3vyoEZ+Iaf8gegZP+rEyoaFT2CK5XLRMienPyqRqNbIfRuFaOWSIFw==}
+
+  '@uppy/xhr-upload@2.1.3':
+    resolution: {integrity: sha512-YWOQ6myBVPs+mhNjfdWsQyMRWUlrDLMoaG7nvf/G6Y3GKZf8AyjFDjvvJ49XWQ+DaZOftGkHmF1uh/DBeGivJQ==}
+    peerDependencies:
+      '@uppy/core': ^2.3.3
+
   '@vant/icons@1.8.0':
     resolution: {integrity: sha512-sKfEUo2/CkQFuERxvkuF6mGQZDKu3IQdj5rV9Fm0weJXtchDSSQ+zt8qPCNUEhh9Y8shy5PzxbvAfOOkCwlCXg==}
 
@@ -1118,6 +1150,99 @@ packages:
   '@vueuse/shared@10.11.1':
     resolution: {integrity: sha512-LHpC8711VFZlDaYUXEBbFBCQ7GS3dVU9mjOhhMhXP6txTV4EhYQg/KGnQuvt/sPAtoUKq7VVUnL6mVtFoL42sA==}
 
+  '@wangeditor/basic-modules@1.1.7':
+    resolution: {integrity: sha512-cY9CPkLJaqF05STqfpZKWG4LpxTMeGSIIF1fHvfm/mz+JXatCagjdkbxdikOuKYlxDdeqvOeBmsUBItufDLXZg==}
+    peerDependencies:
+      '@wangeditor/core': 1.x
+      dom7: ^3.0.0
+      lodash.throttle: ^4.1.1
+      nanoid: ^3.2.0
+      slate: ^0.72.0
+      snabbdom: ^3.1.0
+
+  '@wangeditor/code-highlight@1.0.3':
+    resolution: {integrity: sha512-iazHwO14XpCuIWJNTQTikqUhGKyqj+dUNWJ9288Oym9M2xMVHvnsOmDU2sgUDWVy+pOLojReMPgXCsvvNlOOhw==}
+    peerDependencies:
+      '@wangeditor/core': 1.x
+      dom7: ^3.0.0
+      slate: ^0.72.0
+      snabbdom: ^3.1.0
+
+  '@wangeditor/core@1.1.19':
+    resolution: {integrity: sha512-KevkB47+7GhVszyYF2pKGKtCSj/YzmClsD03C3zTt+9SR2XWT5T0e3yQqg8baZpcMvkjs1D8Dv4fk8ok/UaS2Q==}
+    peerDependencies:
+      '@uppy/core': ^2.1.1
+      '@uppy/xhr-upload': ^2.0.3
+      dom7: ^3.0.0
+      is-hotkey: ^0.2.0
+      lodash.camelcase: ^4.3.0
+      lodash.clonedeep: ^4.5.0
+      lodash.debounce: ^4.0.8
+      lodash.foreach: ^4.5.0
+      lodash.isequal: ^4.5.0
+      lodash.throttle: ^4.1.1
+      lodash.toarray: ^4.4.0
+      nanoid: ^3.2.0
+      slate: ^0.72.0
+      snabbdom: ^3.1.0
+
+  '@wangeditor/editor-for-vue@5.1.12':
+    resolution: {integrity: sha512-0Ds3D8I+xnpNWezAeO7HmPRgTfUxHLMd9JKcIw+QzvSmhC5xUHbpCcLU+KLmeBKTR/zffnS5GQo6qi3GhTMJWQ==}
+    peerDependencies:
+      '@wangeditor/editor': '>=5.1.0'
+      vue: ^3.0.5
+
+  '@wangeditor/editor@5.1.23':
+    resolution: {integrity: sha512-0RxfeVTuK1tktUaPROnCoFfaHVJpRAIE2zdS0mpP+vq1axVQpLjM8+fCvKzqYIkH0Pg+C+44hJpe3VVroSkEuQ==}
+
+  '@wangeditor/list-module@1.0.5':
+    resolution: {integrity: sha512-uDuYTP6DVhcYf7mF1pTlmNn5jOb4QtcVhYwSSAkyg09zqxI1qBqsfUnveeDeDqIuptSJhkh81cyxi+MF8sEPOQ==}
+    peerDependencies:
+      '@wangeditor/core': 1.x
+      dom7: ^3.0.0
+      slate: ^0.72.0
+      snabbdom: ^3.1.0
+
+  '@wangeditor/plugin-mention@1.0.0':
+    resolution: {integrity: sha512-txQEoHxzil78WoTGXn0ENONZ2sdEL8GI5qBxETn6TMEXQkqiUXA4Kc8bV8D8nZDniC00oFb80kDmOIpT/KUBGw==}
+    peerDependencies:
+      '@wangeditor/editor': '>=5.0.0'
+      snabbdom: ^3.3.1
+
+  '@wangeditor/table-module@1.1.4':
+    resolution: {integrity: sha512-5saanU9xuEocxaemGdNi9t8MCDSucnykEC6jtuiT72kt+/Hhh4nERYx1J20OPsTCCdVr7hIyQenFD1iSRkIQ6w==}
+    peerDependencies:
+      '@wangeditor/core': 1.x
+      dom7: ^3.0.0
+      lodash.isequal: ^4.5.0
+      lodash.throttle: ^4.1.1
+      nanoid: ^3.2.0
+      slate: ^0.72.0
+      snabbdom: ^3.1.0
+
+  '@wangeditor/upload-image-module@1.0.2':
+    resolution: {integrity: sha512-z81lk/v71OwPDYeQDxj6cVr81aDP90aFuywb8nPD6eQeECtOymrqRODjpO6VGvCVxVck8nUxBHtbxKtjgcwyiA==}
+    peerDependencies:
+      '@uppy/core': ^2.0.3
+      '@uppy/xhr-upload': ^2.0.3
+      '@wangeditor/basic-modules': 1.x
+      '@wangeditor/core': 1.x
+      dom7: ^3.0.0
+      lodash.foreach: ^4.5.0
+      slate: ^0.72.0
+      snabbdom: ^3.1.0
+
+  '@wangeditor/video-module@1.1.4':
+    resolution: {integrity: sha512-ZdodDPqKQrgx3IwWu4ZiQmXI8EXZ3hm2/fM6E3t5dB8tCaIGWQZhmqd6P5knfkRAd3z2+YRSRbxOGfoRSp/rLg==}
+    peerDependencies:
+      '@uppy/core': ^2.1.4
+      '@uppy/xhr-upload': ^2.0.7
+      '@wangeditor/core': 1.x
+      dom7: ^3.0.0
+      nanoid: ^3.2.0
+      slate: ^0.72.0
+      snabbdom: ^3.1.0
+
   '@webassemblyjs/ast@1.14.1':
     resolution: {integrity: sha512-nuBEDgQfm1ccRp/8bCQrx1frohyufl4JlbMMZ4P1wpeOfDhF6FQkxZJ1b/e+PLwr6X1Nhw6OLme5usuBWYBvuQ==}
 
@@ -1763,6 +1888,9 @@ packages:
   dom-scroll-into-view@2.0.1:
     resolution: {integrity: sha512-bvVTQe1lfaUr1oFzZX80ce9KLDlZ3iU+XGNE/bz9HnGdklTieqsbmsLHe+rT2XWqopvL0PckkYqN7ksmm5pe3w==}
 
+  dom7@3.0.0:
+    resolution: {integrity: sha512-oNlcUdHsC4zb7Msx7JN3K0Nro1dzJ48knvBOnDPKJ2GV9wl1i5vydJZUSyOfrkKFDZEud/jBsTk92S/VGSAe/g==}
+
   dompurify@3.1.6:
     resolution: {integrity: sha512-cTOAhc36AalkjtBpfG6O8JimdTMWNXjiePT2xQH/ppBGi/4uIpmj8eKyIkMJErXWARyINV/sB38yf8JCLF5pbQ==}
 
@@ -2146,10 +2274,16 @@ packages:
   hookable@5.5.3:
     resolution: {integrity: sha512-Yc+BQe8SvoXH1643Qez1zqLRmbA5rCL+sSmk6TVos0LWVfNIB7PGncdlId77WzLGSIB5KaWgTaNTs2lNVEI6VQ==}
 
+  html-void-elements@2.0.1:
+    resolution: {integrity: sha512-0quDb7s97CfemeJAnW9wC0hw78MtW7NU3hqtCD75g2vFlDLt36llsYD7uB7SUzojLMP24N5IatXf7ylGXiGG9A==}
+
   human-signals@8.0.1:
     resolution: {integrity: sha512-eKCa6bwnJhvxj14kZk5NCPc6Hb6BdsU9DZcOnmQKSnO1VKrfV0zCvtttPZUsBvjmNDn8rpcJfpwSYnHBjc95MQ==}
     engines: {node: '>=18.18.0'}
 
+  i18next@20.6.1:
+    resolution: {integrity: sha512-yCMYTMEJ9ihCwEQQ3phLo7I/Pwycf8uAx+sRHwwk5U9Aui/IZYgQRyMqXafQOw5QQ7DM1Z+WyEXWIqSuJHhG2A==}
+
   iconv-lite@0.6.3:
     resolution: {integrity: sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==}
     engines: {node: '>=0.10.0'}
@@ -2163,6 +2297,9 @@ packages:
     engines: {node: '>=0.10.0'}
     hasBin: true
 
+  immer@9.0.21:
+    resolution: {integrity: sha512-bc4NBHqOqSfRW7POMkHd51LvClaeMXpm8dx0e8oE2GORbq5aRK7Bxl4FyzVLdGtLmvLKL7BTDBG5ACQm4HWjTA==}
+
   immutable@5.1.2:
     resolution: {integrity: sha512-qHKXW1q6liAk1Oys6umoaZbDRqjcjgSrbnrifHsfsttza7zcvRAsL7mMV6xWcyhwQy7Xj5v4hhbr6b+iDYwlmQ==}
 
@@ -2243,6 +2380,9 @@ packages:
     resolution: {integrity: sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==}
     engines: {node: '>=0.10.0'}
 
+  is-hotkey@0.2.0:
+    resolution: {integrity: sha512-UknnZK4RakDmTgz4PI1wIph5yxSs/mvChWs9ifnlXsKuXgWmOkY/hAE0H/k2MIqH0RlRye0i1oC07MCRSD28Mw==}
+
   is-inside-container@1.0.0:
     resolution: {integrity: sha512-KIYLCCJghfHZxqjYBE7rEy0OBuTd5xCHS7tHVgvCLkx7StIoaxwNW3hCALgEUjFfeRk+MG/Qxmp/vtETEF3tRA==}
     engines: {node: '>=14.16'}
@@ -2268,6 +2408,10 @@ packages:
     resolution: {integrity: sha512-Xnpx182SBMrr/aBik8y+GuR4U1L9FqMSojwDQwPMmxyC6bvEqly9UBCxhauBF5vNh2gwWJNX6oDV7O+OM4z34g==}
     engines: {node: '>=0.10.0'}
 
+  is-plain-object@5.0.0:
+    resolution: {integrity: sha512-VRSzKkbMm5jMDoKLbltAkFQ5Qr7VDiTFGXxYFXXowVj387GeGNOCsOH6Msy00SGZ3Fp84b1Naa1psqgcCIEP5Q==}
+    engines: {node: '>=0.10.0'}
+
   is-regex@1.2.1:
     resolution: {integrity: sha512-MjYsKHO5O7mCsmRGxWcLWheFqN9DJ/2TmngvjKXihe6efViPqc274+Fx/4fYj/r03+ESvBdTXK0V6tA3rgez1g==}
     engines: {node: '>= 0.4'}
@@ -2280,6 +2424,9 @@ packages:
     resolution: {integrity: sha512-mE00Gnza5EEB3Ds0HfMyllZzbBrmLOX3vfWoj9A9PEnTfratQ/BcaJOuMhnkhjXvb2+FkY3VuHqtAGpTPmglFQ==}
     engines: {node: '>=18'}
 
+  is-url@1.2.4:
+    resolution: {integrity: sha512-ITvGim8FhRiYe4IQ5uHSkj7pVaPDrCTkNd3yq3cV7iZAcJdHTUMPMEHcqSOy9xZ9qFenQCvi+2wjH9a1nXqHww==}
+
   is-what@3.14.1:
     resolution: {integrity: sha512-sNxgpk9793nzSs7bA6JQJGeIuRBQhAaNGG77kzYQgMkrID+lS6SlK07K5LaptscDlSaIgH+GPFzf+d75FVxozA==}
 
@@ -2424,13 +2571,28 @@ packages:
   lodash-es@4.17.21:
     resolution: {integrity: sha512-mKnC+QJ9pWVzv+C4/U3rRsHapFfHvQFoFB92e52xeyGMcX6/OlIl78je1u8vePzYZSkkogMPJ2yjxxsb89cxyw==}
 
+  lodash.camelcase@4.3.0:
+    resolution: {integrity: sha512-TwuEnCnxbc3rAvhf/LbG7tJUDzhqXyFnv3dtzLOPgCG/hODL7WFnsbwktkD7yUV0RrreP/l1PALq/YSg6VvjlA==}
+
   lodash.clonedeep@4.5.0:
     resolution: {integrity: sha512-H5ZhCF25riFd9uB5UCkVKo61m3S/xZk1x4wA6yp/L3RFP6Z/eHH1ymQcGLo7J3GMPfm0V/7m1tryHuGVxpqEBQ==}
 
+  lodash.debounce@4.0.8:
+    resolution: {integrity: sha512-FT1yDzDYEoYWhnSGnpE/4Kj1fLZkDFyqRb7fNt6FdYOSxlUWAtp42Eh6Wb0rGIv/m9Bgo7x4GhQbm5Ys4SG5ow==}
+
+  lodash.foreach@4.5.0:
+    resolution: {integrity: sha512-aEXTF4d+m05rVOAUG3z4vZZ4xVexLKZGF0lIxuHZ1Hplpk/3B6Z1+/ICICYRLm7c41Z2xiejbkCkJoTlypoXhQ==}
+
   lodash.isequal@4.5.0:
     resolution: {integrity: sha512-pDo3lu8Jhfjqls6GkMgpahsF9kCyayhgykjyLMNFTKWrpVdAQtYyB4muAMWozBB4ig/dtWAmsMxLEI8wuz+DYQ==}
     deprecated: This package is deprecated. Use require('node:util').isDeepStrictEqual instead.
 
+  lodash.throttle@4.1.1:
+    resolution: {integrity: sha512-wIkUCfVKpVsWo3JSZlc+8MB5it+2AN5W8J7YVMST30UrvcQNZ1Okbj+rbVniijTWE6FGYy4XJq/rHkas8qJMLQ==}
+
+  lodash.toarray@4.4.0:
+    resolution: {integrity: sha512-QyffEA3i5dma5q2490+SgCvDN0pXLmRGSyAANuVi0HQ01Pkfr9fuoKQW8wm1wGBnJITs/mS7wQvS6VshUEBFCw==}
+
   lodash@4.17.21:
     resolution: {integrity: sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==}
 
@@ -2596,6 +2758,9 @@ packages:
     resolution: {integrity: sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==}
     engines: {node: '>= 0.6'}
 
+  mime-match@1.0.2:
+    resolution: {integrity: sha512-VXp/ugGDVh3eCLOBCiHZMYWQaTNUHv2IJrut+yXA6+JbLPXHglHwfS/5A5L0ll+jkCY7fIzRJcH6OIunF+c6Cg==}
+
   mime-types@2.1.35:
     resolution: {integrity: sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==}
     engines: {node: '>= 0.6'}
@@ -2650,6 +2815,9 @@ packages:
     peerDependencies:
       vue: ^3.0.0
 
+  namespace-emitter@2.0.1:
+    resolution: {integrity: sha512-N/sMKHniSDJBjfrkbS/tpkPj4RAbvW3mr8UAzvlMHyun93XEm83IAvhWtJVHo+RHn/oO8Job5YN4b+wRjSVp5g==}
+
   nanoid@3.3.11:
     resolution: {integrity: sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w==}
     engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1}
@@ -2843,6 +3011,9 @@ packages:
     resolution: {integrity: sha512-dle9A3yYxlBSrt8Fu+IpjGT8SY8hN0mlaA6GY8t0P5PjIOZemULz/E2Bnm/2dcUOena75OTNkHI76uZBNUUq3A==}
     engines: {node: ^10 || ^12 || >=14}
 
+  preact@10.26.8:
+    resolution: {integrity: sha512-1nMfdFjucm5hKvq0IClqZwK4FJkGXhRrQstOQ3P4vp8HxKrJEMFcY6RdBRVTdfQS/UlnX6gfbPuTvaqx/bDoeQ==}
+
   prettier@3.5.3:
     resolution: {integrity: sha512-QQtaxnoDJeAkDvDKWCLiwIXkTgRhwYDEQCghU9Z6q03iyek/rxRh/2lC3HB7P8sWT2xC/y5JDctPLBIGzHKbhw==}
     engines: {node: '>=14'}
@@ -3061,6 +3232,18 @@ packages:
     resolution: {integrity: sha512-ZYKh3Wh2z1PpEXWr0MpSBZ0V6mZHAQfYevttO11c51CaWjGTaadiKZ+wVt1PbMlDV5qhMFslpZCemhwOK7C89A==}
     engines: {node: '>=6'}
 
+  slate-history@0.66.0:
+    resolution: {integrity: sha512-6MWpxGQZiMvSINlCbMW43E2YBSVMCMCIwQfBzGssjWw4kb0qfvj0pIdblWNRQZD0hR6WHP+dHHgGSeVdMWzfng==}
+    peerDependencies:
+      slate: '>=0.65.3'
+
+  slate@0.72.8:
+    resolution: {integrity: sha512-/nJwTswQgnRurpK+bGJFH1oM7naD5qDmHd89JyiKNT2oOKD8marW0QSBtuFnwEbL5aGCS8AmrhXQgNOsn4osAw==}
+
+  snabbdom@3.6.2:
+    resolution: {integrity: sha512-ig5qOnCDbugFntKi6c7Xlib8bA6xiJVk8O+WdFrV3wxbMqeHO0hXFQC4nAhPVWfZfi8255lcZkNhtIBINCc4+Q==}
+    engines: {node: '>=12.17.0'}
+
   snapdragon-node@2.1.1:
     resolution: {integrity: sha512-O27l4xaMYt/RSQ5TR3vpWCAB5Kb/czIcqUFOM/C4fYcLnbZUc1PkjTAMjof2pBWaSTwOUd6qUHcFGVGj7aIwnw==}
     engines: {node: '>=0.10.0'}
@@ -3116,6 +3299,9 @@ packages:
   sprintf-js@1.0.3:
     resolution: {integrity: sha512-D9cPgkvLlV3t3IzL0D0YLvGA9Ahk4PcvVwUbN0dSGr1aP0Nrt4AEnTUbuGvquEC0mA64Gqt1fzirlRs5ibXx8g==}
 
+  ssr-window@3.0.0:
+    resolution: {integrity: sha512-q+8UfWDg9Itrg0yWK7oe5p/XRCJpJF9OBtXfOPgSJl+u3Xd5KI328RUEvUqSMVM9CiQUEf1QdBzJMkYGErj9QA==}
+
   static-extend@0.1.2:
     resolution: {integrity: sha512-72E9+uLc27Mt718pMHt9VMNiAL4LMsmDbBva8mxWUCkT07fSzEGMYUCk0XWY6lp0j6RBAG4cJ3mWuZv2OE3s0g==}
     engines: {node: '>=0.10.0'}
@@ -3187,6 +3373,9 @@ packages:
     resolution: {integrity: sha512-B71/4oyj61iNH0KeCamLuE2rmKuTO5byTOSVwECM5FA7TiAiAW+UqTKZ9ERueC4qvgSttUhdmq1mXC3kJqGX7A==}
     engines: {node: '>=12.22'}
 
+  tiny-warning@1.0.3:
+    resolution: {integrity: sha512-lBN9zLN/oAf68o3zNXYrdCt1kP8WsiGW8Oo2ka41b2IM5JL/S1CTyX1rW0mb/zSuJun0ZUrDxx4sqvYS2FWzPA==}
+
   tinyexec@1.0.1:
     resolution: {integrity: sha512-5uC6DDlmeqiOwCPmK9jMSdOuZTh8bU39Ys6yidB+UTt5hfZUPGAypSgFRiEp+jbi9qH40BLDvy85jIU88wKSqw==}
 
@@ -3555,6 +3744,9 @@ packages:
     engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0}
     hasBin: true
 
+  wildcard@1.1.2:
+    resolution: {integrity: sha512-DXukZJxpHA8LuotRwL0pP1+rS6CS7FF2qStDDE1C7DDg2rLud2PXRMuEDYIPhgEezwnlHNL4c+N6MfMTjCGTng==}
+
   wrap-ansi@7.0.0:
     resolution: {integrity: sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==}
     engines: {node: '>=10'}
@@ -4179,6 +4371,8 @@ snapshots:
 
   '@sindresorhus/merge-streams@4.0.0': {}
 
+  '@transloadit/prettier-bytes@0.0.7': {}
+
   '@tsconfig/node18@18.2.4': {}
 
   '@types/d3-scale-chromatic@3.1.0': {}
@@ -4205,6 +4399,8 @@ snapshots:
 
   '@types/estree@1.0.7': {}
 
+  '@types/event-emitter@0.3.5': {}
+
   '@types/glob@7.2.0':
     dependencies:
       '@types/minimatch': 5.1.2
@@ -4401,6 +4597,35 @@ snapshots:
     transitivePeerDependencies:
       - rollup
 
+  '@uppy/companion-client@2.2.2':
+    dependencies:
+      '@uppy/utils': 4.1.3
+      namespace-emitter: 2.0.1
+
+  '@uppy/core@2.3.4':
+    dependencies:
+      '@transloadit/prettier-bytes': 0.0.7
+      '@uppy/store-default': 2.1.1
+      '@uppy/utils': 4.1.3
+      lodash.throttle: 4.1.1
+      mime-match: 1.0.2
+      namespace-emitter: 2.0.1
+      nanoid: 3.3.11
+      preact: 10.26.8
+
+  '@uppy/store-default@2.1.1': {}
+
+  '@uppy/utils@4.1.3':
+    dependencies:
+      lodash.throttle: 4.1.1
+
+  '@uppy/xhr-upload@2.1.3(@uppy/core@2.3.4)':
+    dependencies:
+      '@uppy/companion-client': 2.2.2
+      '@uppy/core': 2.3.4
+      '@uppy/utils': 4.1.3
+      nanoid: 3.3.11
+
   '@vant/icons@1.8.0': {}
 
   '@vant/popperjs@1.3.0': {}
@@ -4619,6 +4844,119 @@ snapshots:
       - '@vue/composition-api'
       - vue
 
+  '@wangeditor/basic-modules@1.1.7(@wangeditor/core@1.1.19(@uppy/core@2.3.4)(@uppy/xhr-upload@2.1.3(@uppy/core@2.3.4))(dom7@3.0.0)(is-hotkey@0.2.0)(lodash.camelcase@4.3.0)(lodash.clonedeep@4.5.0)(lodash.debounce@4.0.8)(lodash.foreach@4.5.0)(lodash.isequal@4.5.0)(lodash.throttle@4.1.1)(lodash.toarray@4.4.0)(nanoid@3.3.11)(slate@0.72.8)(snabbdom@3.6.2))(dom7@3.0.0)(lodash.throttle@4.1.1)(nanoid@3.3.11)(slate@0.72.8)(snabbdom@3.6.2)':
+    dependencies:
+      '@wangeditor/core': 1.1.19(@uppy/core@2.3.4)(@uppy/xhr-upload@2.1.3(@uppy/core@2.3.4))(dom7@3.0.0)(is-hotkey@0.2.0)(lodash.camelcase@4.3.0)(lodash.clonedeep@4.5.0)(lodash.debounce@4.0.8)(lodash.foreach@4.5.0)(lodash.isequal@4.5.0)(lodash.throttle@4.1.1)(lodash.toarray@4.4.0)(nanoid@3.3.11)(slate@0.72.8)(snabbdom@3.6.2)
+      dom7: 3.0.0
+      is-url: 1.2.4
+      lodash.throttle: 4.1.1
+      nanoid: 3.3.11
+      slate: 0.72.8
+      snabbdom: 3.6.2
+
+  '@wangeditor/code-highlight@1.0.3(@wangeditor/core@1.1.19(@uppy/core@2.3.4)(@uppy/xhr-upload@2.1.3(@uppy/core@2.3.4))(dom7@3.0.0)(is-hotkey@0.2.0)(lodash.camelcase@4.3.0)(lodash.clonedeep@4.5.0)(lodash.debounce@4.0.8)(lodash.foreach@4.5.0)(lodash.isequal@4.5.0)(lodash.throttle@4.1.1)(lodash.toarray@4.4.0)(nanoid@3.3.11)(slate@0.72.8)(snabbdom@3.6.2))(dom7@3.0.0)(slate@0.72.8)(snabbdom@3.6.2)':
+    dependencies:
+      '@wangeditor/core': 1.1.19(@uppy/core@2.3.4)(@uppy/xhr-upload@2.1.3(@uppy/core@2.3.4))(dom7@3.0.0)(is-hotkey@0.2.0)(lodash.camelcase@4.3.0)(lodash.clonedeep@4.5.0)(lodash.debounce@4.0.8)(lodash.foreach@4.5.0)(lodash.isequal@4.5.0)(lodash.throttle@4.1.1)(lodash.toarray@4.4.0)(nanoid@3.3.11)(slate@0.72.8)(snabbdom@3.6.2)
+      dom7: 3.0.0
+      prismjs: 1.30.0
+      slate: 0.72.8
+      snabbdom: 3.6.2
+
+  '@wangeditor/core@1.1.19(@uppy/core@2.3.4)(@uppy/xhr-upload@2.1.3(@uppy/core@2.3.4))(dom7@3.0.0)(is-hotkey@0.2.0)(lodash.camelcase@4.3.0)(lodash.clonedeep@4.5.0)(lodash.debounce@4.0.8)(lodash.foreach@4.5.0)(lodash.isequal@4.5.0)(lodash.throttle@4.1.1)(lodash.toarray@4.4.0)(nanoid@3.3.11)(slate@0.72.8)(snabbdom@3.6.2)':
+    dependencies:
+      '@types/event-emitter': 0.3.5
+      '@uppy/core': 2.3.4
+      '@uppy/xhr-upload': 2.1.3(@uppy/core@2.3.4)
+      dom7: 3.0.0
+      event-emitter: 0.3.5
+      html-void-elements: 2.0.1
+      i18next: 20.6.1
+      is-hotkey: 0.2.0
+      lodash.camelcase: 4.3.0
+      lodash.clonedeep: 4.5.0
+      lodash.debounce: 4.0.8
+      lodash.foreach: 4.5.0
+      lodash.isequal: 4.5.0
+      lodash.throttle: 4.1.1
+      lodash.toarray: 4.4.0
+      nanoid: 3.3.11
+      scroll-into-view-if-needed: 2.2.31
+      slate: 0.72.8
+      slate-history: 0.66.0(slate@0.72.8)
+      snabbdom: 3.6.2
+
+  '@wangeditor/editor-for-vue@5.1.12(@wangeditor/editor@5.1.23)(vue@3.5.13(typescript@5.2.2))':
+    dependencies:
+      '@wangeditor/editor': 5.1.23
+      vue: 3.5.13(typescript@5.2.2)
+
+  '@wangeditor/editor@5.1.23':
+    dependencies:
+      '@uppy/core': 2.3.4
+      '@uppy/xhr-upload': 2.1.3(@uppy/core@2.3.4)
+      '@wangeditor/basic-modules': 1.1.7(@wangeditor/core@1.1.19(@uppy/core@2.3.4)(@uppy/xhr-upload@2.1.3(@uppy/core@2.3.4))(dom7@3.0.0)(is-hotkey@0.2.0)(lodash.camelcase@4.3.0)(lodash.clonedeep@4.5.0)(lodash.debounce@4.0.8)(lodash.foreach@4.5.0)(lodash.isequal@4.5.0)(lodash.throttle@4.1.1)(lodash.toarray@4.4.0)(nanoid@3.3.11)(slate@0.72.8)(snabbdom@3.6.2))(dom7@3.0.0)(lodash.throttle@4.1.1)(nanoid@3.3.11)(slate@0.72.8)(snabbdom@3.6.2)
+      '@wangeditor/code-highlight': 1.0.3(@wangeditor/core@1.1.19(@uppy/core@2.3.4)(@uppy/xhr-upload@2.1.3(@uppy/core@2.3.4))(dom7@3.0.0)(is-hotkey@0.2.0)(lodash.camelcase@4.3.0)(lodash.clonedeep@4.5.0)(lodash.debounce@4.0.8)(lodash.foreach@4.5.0)(lodash.isequal@4.5.0)(lodash.throttle@4.1.1)(lodash.toarray@4.4.0)(nanoid@3.3.11)(slate@0.72.8)(snabbdom@3.6.2))(dom7@3.0.0)(slate@0.72.8)(snabbdom@3.6.2)
+      '@wangeditor/core': 1.1.19(@uppy/core@2.3.4)(@uppy/xhr-upload@2.1.3(@uppy/core@2.3.4))(dom7@3.0.0)(is-hotkey@0.2.0)(lodash.camelcase@4.3.0)(lodash.clonedeep@4.5.0)(lodash.debounce@4.0.8)(lodash.foreach@4.5.0)(lodash.isequal@4.5.0)(lodash.throttle@4.1.1)(lodash.toarray@4.4.0)(nanoid@3.3.11)(slate@0.72.8)(snabbdom@3.6.2)
+      '@wangeditor/list-module': 1.0.5(@wangeditor/core@1.1.19(@uppy/core@2.3.4)(@uppy/xhr-upload@2.1.3(@uppy/core@2.3.4))(dom7@3.0.0)(is-hotkey@0.2.0)(lodash.camelcase@4.3.0)(lodash.clonedeep@4.5.0)(lodash.debounce@4.0.8)(lodash.foreach@4.5.0)(lodash.isequal@4.5.0)(lodash.throttle@4.1.1)(lodash.toarray@4.4.0)(nanoid@3.3.11)(slate@0.72.8)(snabbdom@3.6.2))(dom7@3.0.0)(slate@0.72.8)(snabbdom@3.6.2)
+      '@wangeditor/table-module': 1.1.4(@wangeditor/core@1.1.19(@uppy/core@2.3.4)(@uppy/xhr-upload@2.1.3(@uppy/core@2.3.4))(dom7@3.0.0)(is-hotkey@0.2.0)(lodash.camelcase@4.3.0)(lodash.clonedeep@4.5.0)(lodash.debounce@4.0.8)(lodash.foreach@4.5.0)(lodash.isequal@4.5.0)(lodash.throttle@4.1.1)(lodash.toarray@4.4.0)(nanoid@3.3.11)(slate@0.72.8)(snabbdom@3.6.2))(dom7@3.0.0)(lodash.isequal@4.5.0)(lodash.throttle@4.1.1)(nanoid@3.3.11)(slate@0.72.8)(snabbdom@3.6.2)
+      '@wangeditor/upload-image-module': 1.0.2(@uppy/core@2.3.4)(@uppy/xhr-upload@2.1.3(@uppy/core@2.3.4))(@wangeditor/basic-modules@1.1.7(@wangeditor/core@1.1.19(@uppy/core@2.3.4)(@uppy/xhr-upload@2.1.3(@uppy/core@2.3.4))(dom7@3.0.0)(is-hotkey@0.2.0)(lodash.camelcase@4.3.0)(lodash.clonedeep@4.5.0)(lodash.debounce@4.0.8)(lodash.foreach@4.5.0)(lodash.isequal@4.5.0)(lodash.throttle@4.1.1)(lodash.toarray@4.4.0)(nanoid@3.3.11)(slate@0.72.8)(snabbdom@3.6.2))(dom7@3.0.0)(lodash.throttle@4.1.1)(nanoid@3.3.11)(slate@0.72.8)(snabbdom@3.6.2))(@wangeditor/core@1.1.19(@uppy/core@2.3.4)(@uppy/xhr-upload@2.1.3(@uppy/core@2.3.4))(dom7@3.0.0)(is-hotkey@0.2.0)(lodash.camelcase@4.3.0)(lodash.clonedeep@4.5.0)(lodash.debounce@4.0.8)(lodash.foreach@4.5.0)(lodash.isequal@4.5.0)(lodash.throttle@4.1.1)(lodash.toarray@4.4.0)(nanoid@3.3.11)(slate@0.72.8)(snabbdom@3.6.2))(dom7@3.0.0)(lodash.foreach@4.5.0)(slate@0.72.8)(snabbdom@3.6.2)
+      '@wangeditor/video-module': 1.1.4(@uppy/core@2.3.4)(@uppy/xhr-upload@2.1.3(@uppy/core@2.3.4))(@wangeditor/core@1.1.19(@uppy/core@2.3.4)(@uppy/xhr-upload@2.1.3(@uppy/core@2.3.4))(dom7@3.0.0)(is-hotkey@0.2.0)(lodash.camelcase@4.3.0)(lodash.clonedeep@4.5.0)(lodash.debounce@4.0.8)(lodash.foreach@4.5.0)(lodash.isequal@4.5.0)(lodash.throttle@4.1.1)(lodash.toarray@4.4.0)(nanoid@3.3.11)(slate@0.72.8)(snabbdom@3.6.2))(dom7@3.0.0)(nanoid@3.3.11)(slate@0.72.8)(snabbdom@3.6.2)
+      dom7: 3.0.0
+      is-hotkey: 0.2.0
+      lodash.camelcase: 4.3.0
+      lodash.clonedeep: 4.5.0
+      lodash.debounce: 4.0.8
+      lodash.foreach: 4.5.0
+      lodash.isequal: 4.5.0
+      lodash.throttle: 4.1.1
+      lodash.toarray: 4.4.0
+      nanoid: 3.3.11
+      slate: 0.72.8
+      snabbdom: 3.6.2
+
+  '@wangeditor/list-module@1.0.5(@wangeditor/core@1.1.19(@uppy/core@2.3.4)(@uppy/xhr-upload@2.1.3(@uppy/core@2.3.4))(dom7@3.0.0)(is-hotkey@0.2.0)(lodash.camelcase@4.3.0)(lodash.clonedeep@4.5.0)(lodash.debounce@4.0.8)(lodash.foreach@4.5.0)(lodash.isequal@4.5.0)(lodash.throttle@4.1.1)(lodash.toarray@4.4.0)(nanoid@3.3.11)(slate@0.72.8)(snabbdom@3.6.2))(dom7@3.0.0)(slate@0.72.8)(snabbdom@3.6.2)':
+    dependencies:
+      '@wangeditor/core': 1.1.19(@uppy/core@2.3.4)(@uppy/xhr-upload@2.1.3(@uppy/core@2.3.4))(dom7@3.0.0)(is-hotkey@0.2.0)(lodash.camelcase@4.3.0)(lodash.clonedeep@4.5.0)(lodash.debounce@4.0.8)(lodash.foreach@4.5.0)(lodash.isequal@4.5.0)(lodash.throttle@4.1.1)(lodash.toarray@4.4.0)(nanoid@3.3.11)(slate@0.72.8)(snabbdom@3.6.2)
+      dom7: 3.0.0
+      slate: 0.72.8
+      snabbdom: 3.6.2
+
+  '@wangeditor/plugin-mention@1.0.0(@wangeditor/editor@5.1.23)(snabbdom@3.6.2)':
+    dependencies:
+      '@wangeditor/editor': 5.1.23
+      snabbdom: 3.6.2
+
+  '@wangeditor/table-module@1.1.4(@wangeditor/core@1.1.19(@uppy/core@2.3.4)(@uppy/xhr-upload@2.1.3(@uppy/core@2.3.4))(dom7@3.0.0)(is-hotkey@0.2.0)(lodash.camelcase@4.3.0)(lodash.clonedeep@4.5.0)(lodash.debounce@4.0.8)(lodash.foreach@4.5.0)(lodash.isequal@4.5.0)(lodash.throttle@4.1.1)(lodash.toarray@4.4.0)(nanoid@3.3.11)(slate@0.72.8)(snabbdom@3.6.2))(dom7@3.0.0)(lodash.isequal@4.5.0)(lodash.throttle@4.1.1)(nanoid@3.3.11)(slate@0.72.8)(snabbdom@3.6.2)':
+    dependencies:
+      '@wangeditor/core': 1.1.19(@uppy/core@2.3.4)(@uppy/xhr-upload@2.1.3(@uppy/core@2.3.4))(dom7@3.0.0)(is-hotkey@0.2.0)(lodash.camelcase@4.3.0)(lodash.clonedeep@4.5.0)(lodash.debounce@4.0.8)(lodash.foreach@4.5.0)(lodash.isequal@4.5.0)(lodash.throttle@4.1.1)(lodash.toarray@4.4.0)(nanoid@3.3.11)(slate@0.72.8)(snabbdom@3.6.2)
+      dom7: 3.0.0
+      lodash.isequal: 4.5.0
+      lodash.throttle: 4.1.1
+      nanoid: 3.3.11
+      slate: 0.72.8
+      snabbdom: 3.6.2
+
+  '@wangeditor/upload-image-module@1.0.2(@uppy/core@2.3.4)(@uppy/xhr-upload@2.1.3(@uppy/core@2.3.4))(@wangeditor/basic-modules@1.1.7(@wangeditor/core@1.1.19(@uppy/core@2.3.4)(@uppy/xhr-upload@2.1.3(@uppy/core@2.3.4))(dom7@3.0.0)(is-hotkey@0.2.0)(lodash.camelcase@4.3.0)(lodash.clonedeep@4.5.0)(lodash.debounce@4.0.8)(lodash.foreach@4.5.0)(lodash.isequal@4.5.0)(lodash.throttle@4.1.1)(lodash.toarray@4.4.0)(nanoid@3.3.11)(slate@0.72.8)(snabbdom@3.6.2))(dom7@3.0.0)(lodash.throttle@4.1.1)(nanoid@3.3.11)(slate@0.72.8)(snabbdom@3.6.2))(@wangeditor/core@1.1.19(@uppy/core@2.3.4)(@uppy/xhr-upload@2.1.3(@uppy/core@2.3.4))(dom7@3.0.0)(is-hotkey@0.2.0)(lodash.camelcase@4.3.0)(lodash.clonedeep@4.5.0)(lodash.debounce@4.0.8)(lodash.foreach@4.5.0)(lodash.isequal@4.5.0)(lodash.throttle@4.1.1)(lodash.toarray@4.4.0)(nanoid@3.3.11)(slate@0.72.8)(snabbdom@3.6.2))(dom7@3.0.0)(lodash.foreach@4.5.0)(slate@0.72.8)(snabbdom@3.6.2)':
+    dependencies:
+      '@uppy/core': 2.3.4
+      '@uppy/xhr-upload': 2.1.3(@uppy/core@2.3.4)
+      '@wangeditor/basic-modules': 1.1.7(@wangeditor/core@1.1.19(@uppy/core@2.3.4)(@uppy/xhr-upload@2.1.3(@uppy/core@2.3.4))(dom7@3.0.0)(is-hotkey@0.2.0)(lodash.camelcase@4.3.0)(lodash.clonedeep@4.5.0)(lodash.debounce@4.0.8)(lodash.foreach@4.5.0)(lodash.isequal@4.5.0)(lodash.throttle@4.1.1)(lodash.toarray@4.4.0)(nanoid@3.3.11)(slate@0.72.8)(snabbdom@3.6.2))(dom7@3.0.0)(lodash.throttle@4.1.1)(nanoid@3.3.11)(slate@0.72.8)(snabbdom@3.6.2)
+      '@wangeditor/core': 1.1.19(@uppy/core@2.3.4)(@uppy/xhr-upload@2.1.3(@uppy/core@2.3.4))(dom7@3.0.0)(is-hotkey@0.2.0)(lodash.camelcase@4.3.0)(lodash.clonedeep@4.5.0)(lodash.debounce@4.0.8)(lodash.foreach@4.5.0)(lodash.isequal@4.5.0)(lodash.throttle@4.1.1)(lodash.toarray@4.4.0)(nanoid@3.3.11)(slate@0.72.8)(snabbdom@3.6.2)
+      dom7: 3.0.0
+      lodash.foreach: 4.5.0
+      slate: 0.72.8
+      snabbdom: 3.6.2
+
+  '@wangeditor/video-module@1.1.4(@uppy/core@2.3.4)(@uppy/xhr-upload@2.1.3(@uppy/core@2.3.4))(@wangeditor/core@1.1.19(@uppy/core@2.3.4)(@uppy/xhr-upload@2.1.3(@uppy/core@2.3.4))(dom7@3.0.0)(is-hotkey@0.2.0)(lodash.camelcase@4.3.0)(lodash.clonedeep@4.5.0)(lodash.debounce@4.0.8)(lodash.foreach@4.5.0)(lodash.isequal@4.5.0)(lodash.throttle@4.1.1)(lodash.toarray@4.4.0)(nanoid@3.3.11)(slate@0.72.8)(snabbdom@3.6.2))(dom7@3.0.0)(nanoid@3.3.11)(slate@0.72.8)(snabbdom@3.6.2)':
+    dependencies:
+      '@uppy/core': 2.3.4
+      '@uppy/xhr-upload': 2.1.3(@uppy/core@2.3.4)
+      '@wangeditor/core': 1.1.19(@uppy/core@2.3.4)(@uppy/xhr-upload@2.1.3(@uppy/core@2.3.4))(dom7@3.0.0)(is-hotkey@0.2.0)(lodash.camelcase@4.3.0)(lodash.clonedeep@4.5.0)(lodash.debounce@4.0.8)(lodash.foreach@4.5.0)(lodash.isequal@4.5.0)(lodash.throttle@4.1.1)(lodash.toarray@4.4.0)(nanoid@3.3.11)(slate@0.72.8)(snabbdom@3.6.2)
+      dom7: 3.0.0
+      nanoid: 3.3.11
+      slate: 0.72.8
+      snabbdom: 3.6.2
+
   '@webassemblyjs/ast@1.14.1':
     dependencies:
       '@webassemblyjs/helper-numbers': 1.13.2
@@ -5335,6 +5673,10 @@ snapshots:
 
   dom-scroll-into-view@2.0.1: {}
 
+  dom7@3.0.0:
+    dependencies:
+      ssr-window: 3.0.0
+
   dompurify@3.1.6: {}
 
   downloadjs@1.4.7: {}
@@ -5762,8 +6104,14 @@ snapshots:
 
   hookable@5.5.3: {}
 
+  html-void-elements@2.0.1: {}
+
   human-signals@8.0.1: {}
 
+  i18next@20.6.1:
+    dependencies:
+      '@babel/runtime': 7.27.1
+
   iconv-lite@0.6.3:
     dependencies:
       safer-buffer: 2.1.2
@@ -5773,6 +6121,8 @@ snapshots:
   image-size@0.5.5:
     optional: true
 
+  immer@9.0.21: {}
+
   immutable@5.1.2: {}
 
   inflight@1.0.6:
@@ -5842,6 +6192,8 @@ snapshots:
     dependencies:
       is-extglob: 2.1.1
 
+  is-hotkey@0.2.0: {}
+
   is-inside-container@1.0.0:
     dependencies:
       is-docker: 3.0.0
@@ -5860,6 +6212,8 @@ snapshots:
 
   is-plain-object@3.0.1: {}
 
+  is-plain-object@5.0.0: {}
+
   is-regex@1.2.1:
     dependencies:
       call-bound: 1.0.4
@@ -5871,6 +6225,8 @@ snapshots:
 
   is-unicode-supported@2.1.0: {}
 
+  is-url@1.2.4: {}
+
   is-what@3.14.1: {}
 
   is-what@4.1.16: {}
@@ -6003,10 +6359,20 @@ snapshots:
 
   lodash-es@4.17.21: {}
 
+  lodash.camelcase@4.3.0: {}
+
   lodash.clonedeep@4.5.0: {}
 
+  lodash.debounce@4.0.8: {}
+
+  lodash.foreach@4.5.0: {}
+
   lodash.isequal@4.5.0: {}
 
+  lodash.throttle@4.1.1: {}
+
+  lodash.toarray@4.4.0: {}
+
   lodash@4.17.21: {}
 
   loose-envify@1.4.0:
@@ -6284,6 +6650,10 @@ snapshots:
 
   mime-db@1.52.0: {}
 
+  mime-match@1.0.2:
+    dependencies:
+      wildcard: 1.1.2
+
   mime-types@2.1.35:
     dependencies:
       mime-db: 1.52.0
@@ -6350,6 +6720,8 @@ snapshots:
       vue: 3.5.13(typescript@5.2.2)
       vueuc: 0.4.64(vue@3.5.13(typescript@5.2.2))
 
+  namespace-emitter@2.0.1: {}
+
   nanoid@3.3.11: {}
 
   nanoid@5.1.5: {}
@@ -6527,6 +6899,8 @@ snapshots:
       picocolors: 1.1.1
       source-map-js: 1.2.1
 
+  preact@10.26.8: {}
+
   prettier@3.5.3: {}
 
   pretty-ms@9.2.0:
@@ -6763,6 +7137,19 @@ snapshots:
 
   slash@2.0.0: {}
 
+  slate-history@0.66.0(slate@0.72.8):
+    dependencies:
+      is-plain-object: 5.0.0
+      slate: 0.72.8
+
+  slate@0.72.8:
+    dependencies:
+      immer: 9.0.21
+      is-plain-object: 5.0.0
+      tiny-warning: 1.0.3
+
+  snabbdom@3.6.2: {}
+
   snapdragon-node@2.1.1:
     dependencies:
       define-property: 1.0.0
@@ -6821,6 +7208,8 @@ snapshots:
 
   sprintf-js@1.0.3: {}
 
+  ssr-window@3.0.0: {}
+
   static-extend@0.1.2:
     dependencies:
       define-property: 0.2.5
@@ -6882,6 +7271,8 @@ snapshots:
 
   throttle-debounce@5.0.2: {}
 
+  tiny-warning@1.0.3: {}
+
   tinyexec@1.0.1: {}
 
   tinyglobby@0.2.13:
@@ -7299,6 +7690,8 @@ snapshots:
     dependencies:
       isexe: 2.0.0
 
+  wildcard@1.1.2: {}
+
   wrap-ansi@7.0.0:
     dependencies:
       ansi-styles: 4.3.0
diff --git a/src/components/editor/CustomEditor.vue b/src/components/editor/CustomEditor.vue
index 7c9b804..779fa43 100644
--- a/src/components/editor/CustomEditor.vue
+++ b/src/components/editor/CustomEditor.vue
@@ -261,17 +261,19 @@ const handleKeydown = (event) => {
     }
     return
   }
-  console.log('Enter外',event.shiftKey);
+  console.log('键盘事件:', event.key, 'Ctrl:', event.ctrlKey, 'Meta:', event.metaKey);
   
-  // 处理Enter键发送消息
-  if (event.key === 'Enter' && !event.shiftKey) {
-    console.log('Enter内',event.shiftKey);
+  // 处理Enter键发送消息（只有在没有按Ctrl/Cmd时才发送）
+  if (event.key === 'Enter' && !event.ctrlKey && !event.metaKey) {
+    console.log('Enter发送消息');
     event.preventDefault()
     // 确保编辑器内容不为空
     if (editorContent.value.trim() || editorHtml.value.includes('<img') || editorHtml.value.includes('editor-file')) {
       sendMessage()
     }
   }
+  
+  // Ctrl+Enter换行由WangEditor的onKeyDown处理，这里不需要额外处理
 }
 
 // 发送消息
@@ -1019,6 +1021,12 @@ onBeforeUnmount(() => {
   bus.unsubscribe(EditorConst.Quote, onSubscribeQuote)
   bus.unsubscribe(EditorConst.Edit, onSubscribeEdit)
   bus.unsubscribe(EditorConst.Clear, onSubscribeClear)
+  
+  // 清理DOM事件监听器
+  const editor = editorRef.value
+  if (editor && handleDeleteQuote) {
+    editor.removeEventListener('keydown', handleDeleteQuote)
+  }
 })
 
 /**
diff --git a/src/components/editor/WangEditor.vue b/src/components/editor/WangEditor.vue
new file mode 100644
index 0000000..16e4235
--- /dev/null
+++ b/src/components/editor/WangEditor.vue
@@ -0,0 +1,1259 @@
+<script setup>
+import '@wangeditor/editor/dist/css/style.css' // 引入 css
+import { Boot } from '@wangeditor/editor'
+
+import { onBeforeUnmount, ref, shallowRef, onMounted, reactive, computed, markRaw, watch } from 'vue'
+import { Editor, Toolbar } from '@wangeditor/editor-for-vue'
+import mentionModule from '@wangeditor/plugin-mention'
+import { NPopover, NIcon } from 'naive-ui'
+import { SmilingFace, Pic, FolderUpload } from '@icon-park/vue-next'
+
+// 引入状态管理
+import { useDialogueStore, useEditorDraftStore } from '@/store'
+// 引入事件总线
+import { bus } from '@/utils/event-bus'
+// 引入编辑器常量定义
+import { EditorConst } from '@/constant/event-bus'
+// 引入事件调用工具
+import { emitCall } from '@/utils/common'
+// 引入上传API
+import { uploadImg } from '@/api/upload'
+// 引入事件总线钩子
+import { useEventBus } from '@/hooks'
+// 引入编辑器子组件
+import MeEditorEmoticon from './MeEditorEmoticon.vue'
+
+// 注册插件
+Boot.registerModule(mentionModule)
+
+// 定义组件的事件
+const emit = defineEmits(['editor-event'])
+// 获取对话状态管理
+const dialogueStore = useDialogueStore()
+// 获取编辑器草稿状态管理
+const editorDraftStore = useEditorDraftStore()
+
+// 定义组件props
+const props = defineProps({
+  vote: {
+    type: Boolean,
+    default: false  // 是否显示投票功能
+  },
+  members: {
+    default: () => []  // 聊天成员列表，用于@功能
+  }
+})
+
+// 编辑器实例，必须用 shallowRef
+const editorRef = shallowRef()
+
+// 内容 HTML
+const valueHtml = ref('<p></p>')
+
+// 微前端环境检测
+const isInMicroFrontend = computed(() => {
+  return !!(window.__WUJIE || window.__POWERED_BY_WUJIE__)
+})
+
+// 模拟用户列表数据
+const userList = computed(() => {
+  return props.members || []
+})
+
+// 弹框状态
+const modalState = reactive({
+  show: false,
+  top: 0,
+  left: 0,
+  keyword: '',
+  filteredUsers: [],
+})
+
+// 引用卡片数据
+const quoteData = ref(null)
+
+// 表情面板引用
+const emoticonRef = ref()
+
+// 文件上传DOM引用
+const fileImageRef = ref()
+const uploadFileRef = ref()
+
+// 计算当前对话索引名称（标识当前聊天）
+const indexName = computed(() => dialogueStore.index_name)
+
+// 工具栏配置
+const toolbarConfig = {}
+
+// 编辑器配置
+const editorConfig = { 
+  placeholder: '按Enter发送 / Ctrl+Enter 换行',
+  // 微前端环境适配配置
+  autoFocus: false, // 禁用自动焦点，避免焦点冲突
+  scroll: false, // 禁用滚动，避免滚动事件冲突
+  // 扩展配置
+  EXTEND_CONF: {
+    // 提及功能配置
+    mentionConfig: {
+      showModal, // 必须
+      hideModal, // 必须
+    },
+  },
+  // wangEditor v5不支持onKeyDown配置，键盘事件在handleCreated中通过DOM监听处理
+  // 允许删除mention节点
+  hoverbarKeys: {
+    mention: {
+      menuKeys: ['delete']
+    },
+    // 禁用图片工具栏，只保留键盘删除功能
+    image: {
+      menuKeys: [] // 空数组表示不显示任何工具栏菜单
+    }
+  },
+  // 菜单配置
+  MENU_CONF: {
+    // 图片上传配置
+    uploadImage: {
+      // 自定义上传
+      customUpload: async (file, insertFn) => {
+        // 使用已有的上传函数处理图片上传
+        const imgUrl = await onUploadImage(file)
+        if (imgUrl) {
+          // 上传成功，插入图片
+          insertFn(imgUrl, '图片', imgUrl)
+        }
+      }
+    },
+    // 粘贴配置 - 针对微前端环境优化
+    pasteConfig: {
+      // 处理粘贴事件
+      checkPasteEvent: (event) => {
+        // 在微前端环境下，增强事件检查
+        try {
+          const items = event.clipboardData?.items
+          if (items) {
+            for (let i = 0; i < items.length; i++) {
+              if (items[i].type.indexOf('image/') === 0) {
+                return true // 有图片，使用默认粘贴行为
+              }
+            }
+          }
+          return true // 默认使用编辑器的粘贴行为
+        } catch (error) {
+          console.warn('微前端环境下粘贴事件检查异常:', error)
+          return true
+        }
+      }
+    }
+  }
+}
+
+const mode = 'default' // 或 'simple'
+
+// 底部工具栏配置
+const navs = reactive([
+  {
+    title: '图片',
+    icon: markRaw(Pic),
+    show: true,
+    click: () => {
+      fileImageRef.value.click()  // 触发图片上传
+    }
+  },
+  {
+    title: '文件',
+    icon: markRaw(FolderUpload),
+    show: true,
+    click: () => {
+      uploadFileRef.value.click()  // 触发文件上传
+    }
+  }
+])
+
+// 显示弹框
+function showModal(editor) {
+  // 获取光标位置，定位 modal
+  const domSelection = document.getSelection()
+  const domRange = domSelection.getRangeAt(0)
+  if (domRange == null) return
+  const selectionRect = domRange.getBoundingClientRect()
+
+  // 获取编辑区域 DOM 节点的位置，以辅助定位
+  const containerRect = editor.getEditableContainer().getBoundingClientRect()
+
+  // 显示弹框并定位
+  modalState.show = true
+  modalState.top = selectionRect.bottom - containerRect.top + 5
+  modalState.left = selectionRect.left - containerRect.left
+  
+  // 只有在关键词为空时才初始化用户列表，否则保持当前过滤状态
+  if (!modalState.keyword) {
+    modalState.filteredUsers = [...userList.value]
+  }
+}
+
+// 隐藏弹框
+function hideModal() {
+  modalState.show = false
+  modalState.keyword = ''
+  modalState.filteredUsers = []
+}
+
+// 插入提及节点
+function insertMention(editor, user) {
+  const mentionNode = {
+    type: 'mention', // 必须是 'mention'
+    value: user.nickname, // 文本
+    info: { id: user.id }, // 其他信息，自定义
+    children: [{ text: '' }], // 必须有一个空 text 作为 children
+  }
+
+  try {
+    // 恢复选区
+    editor.restoreSelection()
+    
+    // 获取当前文本内容和光标位置
+    const currentText = editor.getText()
+    const selection = editor.selection
+    
+    if (selection) {
+      // 查找@符号的位置
+      const lastAtIndex = currentText.lastIndexOf('@')
+      
+      if (lastAtIndex !== -1) {
+        // 计算需要删除的字符数：@符号 + 关键词长度
+        const deleteCount = 1 + (modalState.keyword ? modalState.keyword.length : 0)
+        console.log('需要删除的字符数:', deleteCount, '关键词:', modalState.keyword)
+        
+        // 使用更可靠的删除方法
+        const range = {
+          anchor: { path: selection.anchor.path, offset: selection.anchor.offset - deleteCount },
+          focus: { path: selection.focus.path, offset: selection.focus.offset }
+        }
+        
+        // 选中要删除的文本范围
+        editor.select(range)
+        // 删除选中的文本
+        editor.deleteFragment()
+      }
+    }
+    
+    // 插入mention节点
+    editor.insertNode(mentionNode)
+    editor.move(1) // 移动光标
+    
+    console.log('插入提及成功:', user.nickname)
+  } catch (error) {
+    console.error('插入提及失败:', error)
+    // 如果出错，使用简单的删除方法
+    try {
+      editor.restoreSelection()
+      const deleteCount = 1 + (modalState.keyword ? modalState.keyword.length : 0)
+      for (let i = 0; i < deleteCount; i++) {
+        editor.deleteBackward('character')
+      }
+      editor.insertNode(mentionNode)
+      editor.move(1)
+    } catch (fallbackError) {
+      console.error('备用插入方法也失败:', fallbackError)
+      // 最后的备用方案
+      editor.deleteBackward('character')
+      editor.insertNode(mentionNode)
+      editor.move(1)
+    }
+  }
+  
+  // 隐藏弹框
+  hideModal()
+}
+
+// 过滤用户列表
+function filterUsers(keyword) {
+  if (!keyword) {
+    modalState.filteredUsers = [...userList.value]
+    return
+  }
+  modalState.filteredUsers = userList.value.filter(user => 
+    user.nickname.toLowerCase().includes(keyword.toLowerCase())
+  )
+}
+
+/**
+ * 上传图片函数
+ * @param file 文件对象
+ * @returns Promise，成功时返回图片URL
+ */
+function onUploadImage(file) {
+  return new Promise((resolve) => {
+    let image = new Image()
+    image.src = URL.createObjectURL(file)
+    image.onload = () => {
+      const form = new FormData()
+      form.append('file', file)
+      form.append("source", "fonchain-chat");  // 图片来源标识
+      // 添加图片尺寸信息作为URL参数
+      form.append("urlParam", `width=${image.width}&height=${image.height}`);
+
+      // 调用上传API
+      uploadImg(form).then(({ code, data, message }) => {
+        if (code == 0) {
+          resolve(data.ori_url)  // 返回原始图片URL
+        } else {
+          resolve('')
+          window['$message'].error(message)  // 显示错误信息
+        }
+      })
+    }
+  })
+}
+
+/**
+ * 文件上传处理
+ * @param e 上传事件对象
+ */
+async function onUploadFile(e) {
+  let file = e.target.files[0]
+
+  e.target.value = null  // 清空input，允许再次选择相同文件
+
+  if (file.type.indexOf('image/') === 0) {
+    // 处理图片文件
+    const editor = editorRef.value
+    if (!editor) return
+
+    // 上传图片并插入到编辑器中
+    let src = await onUploadImage(file)
+    if (src) {
+      editor.insertImage({
+        src: src,
+        alt: '图片',
+        href: src
+      })
+    }
+
+    return
+  }
+
+  if (file.type.indexOf('video/') === 0) {
+    // 处理视频文件
+    let fn = emitCall('video_event', file, () => {})
+    emit('editor-event', fn)
+  } else {
+    // 处理其他类型文件
+    let fn = emitCall('file_event', file, () => {})
+    emit('editor-event', fn)
+  }
+}
+
+/**
+ * 表情事件处理
+ * @param data 表情数据
+ */
+function onEmoticonEvent(data) {
+  emoticonRef.value.setShow(false)  // 关闭表情面板
+
+  if (data.type == 1) {
+    // 插入文本表情
+    const editor = editorRef.value
+    if (!editor) return
+
+    if (data.img) {
+      // 插入图片表情
+      editor.insertImage({
+        src: data.img,
+        alt: data.value,
+        width: '24px',
+        height: '24px'
+      })
+    } else {
+      // 插入文本表情
+      editor.insertText(data.value)
+    }
+  } else {
+    // 发送整个表情包
+    let fn = emitCall('emoticon_event', data.value, () => {})
+    emit('editor-event', fn)
+  }
+}
+
+// 发送消息防抖标志
+// 发送消息事件
+const onSendMessage = () => {
+  try {
+    const editor = editorRef.value
+    if (!editor) return
+
+    const html = editor.getHtml()
+    const text = editor.getText()
+
+    // 检查是否有内容
+    if (!text.trim() && !html.includes('<img')) {
+      return // 没有内容不发送
+    }
+
+    // 检查文本长度
+    if (text.length > 1024) {
+      return window['$message'].info('发送内容超长，请分条发送')
+    }
+
+    // 判断消息类型并发送
+    if (html.includes('<img')) {
+      // 包含图片的消息
+      const data = {
+        items: [{ type: 12, content: html }],
+        mentions: [],
+        mentionUids: [],
+        quoteId: '',
+        msgType: 12
+      }
+      emit('editor-event', emitCall('mixed_event', data, (ok) => {
+        if (ok) {
+          editor.clear() // 成功发送后清空编辑器
+        }
+      }))
+    } else {
+       // 纯文本消息
+       const data = {
+         items: [{ type: 1, content: text }],
+         mentions: [],
+         mentionUids: [],
+         quoteId: '',
+         msgType: 1
+       }
+       emit('editor-event', emitCall('text_event', data, (ok) => {
+         if (ok) {
+           editor.clear() // 成功发送后清空编辑器
+         }
+       }))
+     }
+  } catch (error) {
+    if (!handleSlateError(error, '发送消息')) {
+      console.error('发送消息失败:', error)
+    }
+  }
+}
+
+/**
+ * 编辑器内容改变时的处理
+ * 保存草稿并触发输入事件
+ */
+function onEditorChange() {
+  const editor = editorRef.value
+  if (!editor) return
+
+  const html = editor.getHtml()
+  const text = editor.getText()
+
+  if (text.trim() || html.includes('<img')) {
+    // 保存草稿到store
+    editorDraftStore.items[indexName.value || ''] = html
+  } else {
+    // 编辑器为空时删除对应草稿
+    delete editorDraftStore.items[indexName.value || '']
+  }
+
+  // 触发输入事件
+  emit('editor-event', emitCall('input_event', text))
+}
+
+/**
+ * 加载编辑器草稿内容
+ * 当切换聊天对象时，加载对应的草稿
+ */
+function loadEditorDraftText() {
+  if (!editorRef.value) return
+
+  // 延迟处理，确保DOM已渲染
+  setTimeout(() => {
+    hideModal()  // 隐藏@菜单
+
+    const editor = editorRef.value
+    if (!editor) return
+
+    // 从缓存中加载编辑器草稿
+    let draft = editorDraftStore.items[indexName.value || '']
+    if (draft) {
+      editor.setHtml(draft)
+    } else {
+      editor.setHtml('<p></p>')  // 没有草稿则清空编辑器
+    }
+  }, 0)
+}
+
+/**
+ * 处理@成员事件
+ * @param data @成员数据
+ */
+function onSubscribeMention(data) {
+  const editor = editorRef.value
+  if (!editor) return
+
+  // 创建提及节点
+  const mentionNode = {
+    type: 'mention',
+    value: data.value,
+    info: { id: data.id },
+    children: [{ text: '' }]
+  }
+
+  // 插入提及节点
+  editor.insertNode(mentionNode)
+  editor.move(1) // 移动光标
+}
+
+/**
+ * 处理引用事件
+ * @param data 引用数据
+ */
+function onSubscribeQuote(data) {
+  // 存储引用数据，用于在模板中显示
+  quoteData.value = data
+}
+
+/**
+ * 移除引用卡片
+ */
+function removeQuote() {
+  quoteData.value = null
+}
+
+/**
+ * 处理编辑消息事件
+ * @param data 消息数据
+ */
+function onSubscribeEdit(data) {
+  const editor = editorRef.value
+  if (!editor) return
+  
+  // 清空当前编辑器内容
+  editor.setHtml('<p></p>')
+  
+  // 插入要编辑的文本内容
+  editor.insertText(data.content)
+}
+
+// 监听聊天索引变化，切换聊天时加载对应草稿
+watch(indexName, loadEditorDraftText, { immediate: true })
+
+// 全局错误处理函数
+function handleSlateError(error, operation = '未知操作') {
+  const errorMessage = error.message || ''
+  
+  // 检查各种Slate相关错误
+  const isSlateError = errorMessage.includes('Cannot resolve a Slate range') ||
+                      errorMessage.includes('Cannot resolve a DOM point') ||
+                      errorMessage.includes('Cannot resolve a Slate node') ||
+                      errorMessage.includes('Cannot get the leaf node')
+  
+  if (isSlateError) {
+    console.warn(`微前端环境Slate错误 (${operation}):`, errorMessage)
+    
+    const editor = editorRef.value
+    if (editor && !editor.isDestroyed) {
+      try {
+        // 延迟恢复，避免频繁操作
+        const delay = isInMicroFrontend.value ? 200 : 100
+        setTimeout(() => {
+          try {
+            // 检查编辑器是否仍然有效
+            if (editor && !editor.isDestroyed) {
+              // 尝试重新获取选区
+              const selection = editor.getSelection()
+              if (!selection) {
+                // 如果选区无效，将光标移到末尾
+                editor.move(editor.children.length)
+              }
+              
+              // 重新聚焦编辑器
+              editor.focus()
+              
+              // 短暂失焦再聚焦，重置编辑器状态
+              setTimeout(() => {
+                if (editor && !editor.isDestroyed) {
+                  editor.blur()
+                  setTimeout(() => {
+                    if (editor && !editor.isDestroyed) {
+                      editor.focus()
+                    }
+                  }, 50)
+                }
+              }, 50)
+            }
+          } catch (recoveryError) {
+            console.error('编辑器状态恢复失败:', recoveryError)
+            // 如果恢复失败，尝试重新创建编辑器
+            if (editor && !editor.isDestroyed) {
+              try {
+                editor.clear()
+                editor.focus()
+              } catch (clearError) {
+                console.error('编辑器清理失败:', clearError)
+              }
+            }
+          }
+        }, delay)
+      } catch (error) {
+        console.error('错误处理过程中发生异常:', error)
+      }
+    }
+    return true // 表示已处理
+  }
+  return false // 表示未处理，继续抛出错误
+}
+
+// 组件挂载时初始化
+onMounted(() => {
+  // 检测微前端环境
+  const initDelay = isInMicroFrontend.value ? 800 : 300 // 微前端环境使用更长延迟
+  
+  // 使用较长的延迟确保DOM完全渲染，解决微前端环境下的Slate range错误
+  setTimeout(() => {
+    try {
+      loadEditorDraftText()
+    } catch (error) {
+      console.error('编辑器初始化错误:', error)
+      // 尝试重新初始化
+      const retryDelay = isInMicroFrontend.value ? 1000 : 500
+      setTimeout(() => {
+        try {
+          loadEditorDraftText()
+        } catch (innerError) {
+          console.error('编辑器重新初始化错误:', innerError)
+        }
+      }, retryDelay)
+    }
+  }, initDelay)
+})
+
+// 组件销毁时，也及时销毁编辑器
+onBeforeUnmount(() => {
+  try {
+    const editor = editorRef.value
+    if (editor == null) return
+    
+    // 清理键盘事件监听器
+    if (keydownHandler) {
+      const container = editor.getEditableContainer()
+      if (container) {
+        container.removeEventListener('keydown', keydownHandler)
+      }
+      keydownHandler = null
+    }
+    
+    editor.destroy()
+  } catch (error) {
+    console.error('编辑器销毁错误:', error)
+  }
+})
+
+// 键盘事件处理函数
+let keydownHandler = null
+
+function handleCreated(editor) {
+  editorRef.value = editor // 记录 editor 实例，重要！
+  
+  // 添加键盘事件监听
+  const container = editor.getEditableContainer()
+  if (container) {
+    // 先移除之前的监听器（如果存在）
+    if (keydownHandler) {
+      container.removeEventListener('keydown', keydownHandler)
+    }
+    
+    // 定义新的键盘事件处理函数
+    keydownHandler = (event) => {
+      console.log('WangEditor键盘事件:', event.key, 'Ctrl:', event.ctrlKey, 'Meta:', event.metaKey)
+      
+      // 检查编辑器状态
+      if (!editor || editor.isDestroyed) {
+        console.warn('编辑器已销毁，忽略键盘事件')
+        return
+      }
+      
+      const { key, ctrlKey, metaKey } = event
+      const isCtrlOrCmd = ctrlKey || metaKey
+      
+      try {
+         // Enter键发送消息
+         if (key === 'Enter' && !isCtrlOrCmd) {
+           event.preventDefault()
+           event.stopPropagation()
+           
+           try {
+             onSendMessage()
+           } catch (sendError) {
+             // 处理发送消息时的Slate错误
+             if (!handleSlateError(sendError, 'Enter键发送消息')) {
+               console.error('发送消息失败:', sendError)
+             }
+           }
+           return false
+         }
+         
+         // Ctrl+Enter换行
+         if (key === 'Enter' && isCtrlOrCmd) {
+           event.preventDefault()
+           event.stopPropagation()
+           try {
+             editor.insertBreak()
+           } catch (insertError) {
+             // 处理插入换行时的Slate错误
+             if (!handleSlateError(insertError, 'Ctrl+Enter换行')) {
+               console.warn('插入换行失败，使用备用方法:', insertError)
+               try {
+                 editor.insertText('\n')
+               } catch (textError) {
+                 handleSlateError(textError, '插入文本换行')
+               }
+             }
+           }
+           return false
+         }
+       } catch (error) {
+         console.error('键盘事件处理错误:', error)
+         // 使用统一的错误处理函数
+         if (!handleSlateError(error, '键盘事件处理')) {
+           // 如果不是Slate错误，进行通用恢复
+           setTimeout(() => {
+             try {
+               if (editor && !editor.isDestroyed) {
+                 editor.focus()
+               }
+             } catch (recoveryError) {
+               console.error('编辑器状态恢复失败:', recoveryError)
+             }
+           }, 100)
+         }
+       }
+    }
+    
+    // 添加新的监听器
+    container.addEventListener('keydown', keydownHandler)
+  }
+  
+  // 微前端环境下的特殊处理
+  if (isInMicroFrontend.value) {
+    // 在微前端环境下，增加更长的延迟和错误处理
+    setTimeout(() => {
+      try {
+        // 确保编辑器容器已正确挂载
+        const container = editor.getEditableContainer()
+        if (container && container.isConnected) {
+          editor.updateView()
+          // 手动触发一次焦点事件，确保编辑器状态正确
+          editor.focus()
+          editor.blur()
+        } else {
+          // 容器未正确挂载，延迟重试
+          setTimeout(() => {
+            try {
+              editor.updateView()
+            } catch (retryError) {
+              console.error('微前端环境编辑器重试更新失败:', retryError)
+            }
+          }, 500)
+        }
+      } catch (error) {
+        console.error('微前端环境编辑器视图更新错误:', error)
+      }
+    }, 500) // 微前端环境下使用更长延迟
+  } else {
+    // 非微前端环境，使用原有逻辑
+    setTimeout(() => {
+      try {
+        editor.updateView()
+      } catch (error) {
+        console.error('编辑器视图更新错误:', error)
+      }
+    }, 200)
+  }
+}
+
+// 监听输入事件，处理@后的关键词
+function handleInput(e) {
+  const editor = editorRef.value
+  if (!editor) return
+  
+  // 使用setTimeout延迟处理，避免与其他事件冲突
+  setTimeout(() => {
+    try {
+      // 获取当前节点的文本内容
+      const currentText = editor.getText()
+      console.log('当前文本:', currentText)
+      console.log('弹框状态:', modalState.show)
+      
+      // 查找最后一个@符号
+      const lastAtIndex = currentText.lastIndexOf('@')
+      console.log('最后@符号位置:', lastAtIndex)
+      
+      if (lastAtIndex !== -1) {
+        // 获取@符号后的文本
+        const textAfterAt = currentText.substring(lastAtIndex + 1)
+        console.log('@后的文本:', textAfterAt)
+        
+        // 如果@后面有空格或换行，说明@提及已结束
+        if (textAfterAt.includes(' ') || textAfterAt.includes('\n')) {
+          console.log('@提及结束，隐藏弹框')
+          if (modalState.show) {
+            hideModal()
+          }
+          return
+        }
+        
+        // 如果弹框未显示，显示它
+        if (!modalState.show) {
+          console.log('显示@弹框')
+          showModal(editor)
+        }
+        
+        // 更新关键词并过滤用户列表
+        modalState.keyword = textAfterAt
+        filterUsers(textAfterAt)
+        console.log('过滤关键词:', textAfterAt)
+      } else {
+        // 如果找不到@符号，隐藏弹框
+        console.log('未找到@符号，隐藏弹框')
+        if (modalState.show) {
+          hideModal()
+        }
+      }
+    } catch (error) {
+      console.warn('处理@提及输入时出错:', error)
+      // 使用统一的错误处理函数
+      if (!handleSlateError(error, '@提及输入处理')) {
+        console.error('@提及处理非Slate错误:', error)
+      }
+      if (modalState.show) {
+        hideModal()
+      }
+    }
+  }, 0)
+}
+
+/**
+ * 处理自定义粘贴事件 - 微前端环境优化版本
+ * @param editor 编辑器实例
+ * @param event 粘贴事件对象
+ * @param callback 回调函数，用于控制是否继续执行默认粘贴行为
+ */
+function handleCustomPaste(editor, event, callback) {
+  try {
+    // 检测微前端环境
+    if (isInMicroFrontend.value) {
+      // 微前端环境下的特殊处理
+      // 确保编辑器有正确的焦点和选区
+      setTimeout(() => {
+        try {
+          if (!editor.isFocused()) {
+            editor.focus()
+          }
+          
+          // 重新获取选区，避免Slate range错误
+          const selection = editor.selection
+          if (!selection) {
+            // 如果没有选区，设置到编辑器末尾
+            editor.move(0)
+          }
+        } catch (focusError) {
+          console.warn('微前端环境焦点处理警告:', focusError)
+        }
+      }, 0)
+    }
+    
+    // 获取粘贴的HTML和纯文本
+    const html = event.clipboardData?.getData('text/html') || ''
+    const text = event.clipboardData?.getData('text/plain') || ''
+    
+    // 检查是否包含图片
+    if (html && html.includes('<img')) {
+      // 继续执行默认的粘贴行为，允许图片粘贴
+      callback(true)
+      return
+    }
+    
+    // 检查是否有文件对象（直接粘贴的图片）
+    const items = event.clipboardData?.items
+    if (items) {
+      for (let i = 0; i < items.length; i++) {
+        if (items[i].type.indexOf('image/') === 0) {
+          // 在微前端环境下，手动处理图片粘贴
+           if (isInMicroFrontend.value) {
+             event.preventDefault()
+             const file = items[i].getAsFile()
+             if (file) {
+               // 手动处理图片上传和插入
+               onUploadImage(file).then(imgUrl => {
+                 if (imgUrl) {
+                   setTimeout(() => {
+                     try {
+                       // 在微前端环境下使用 insertNode 方法插入图片
+                       const imageNode = {
+                         type: 'image',
+                         src: imgUrl,
+                         alt: '图片',
+                         href: imgUrl,
+                         children: [{ text: '' }]
+                       }
+                       editor.insertNode(imageNode)
+                     } catch (insertError) {
+                       console.error('微前端环境图片插入错误:', insertError)
+                       // 如果 insertNode 也失败，尝试使用 HTML 插入
+                       try {
+                         const imgHtml = `<img src="${imgUrl}" alt="图片" style="max-width: 100%;" />`
+                         editor.dangerouslyInsertHtml(imgHtml)
+                       } catch (htmlError) {
+                         console.error('微前端环境 HTML 插入错误:', htmlError)
+                       }
+                     }
+                   }, 100)
+                 }
+               })
+             }
+             callback(false)
+             return
+          } else {
+            // 非微前端环境，使用默认粘贴行为
+            callback(true)
+            return
+          }
+        }
+      }
+    }
+    
+    // 如果是纯文本，直接插入文本
+    if (text && !html) {
+      editor.insertText(text)
+      event.preventDefault()
+      callback(false)
+      return
+    }
+    
+    // 其他情况继续执行默认粘贴行为
+    callback(true)
+  } catch (error) {
+    console.error('粘贴处理出错:', error)
+    // 出错时使用默认粘贴行为
+    callback(true)
+  }
+}
+
+// 订阅编辑器相关事件总线事件
+useEventBus([
+  { name: EditorConst.Mention, event: onSubscribeMention },  // @成员事件
+  { name: EditorConst.Quote, event: onSubscribeQuote },       // 引用事件
+  { name: EditorConst.Edit, event: onSubscribeEdit }          // 编辑消息事件
+])
+</script>
+
+<template>
+  <section class="el-container editor">
+    <section class="el-container is-vertical">
+      <!-- 工具栏区域 -->
+      <header class="el-header toolbar bdr-t">
+        <div class="tools">
+          <!-- 表情选择器弹出框 -->
+          <n-popover
+            placement="top-start"
+            trigger="click"
+            raw
+            :show-arrow="false"
+            :width="300"
+            ref="emoticonRef"
+            style="width: 500px; height: 250px; border-radius: 10px; overflow: hidden"
+          >
+            <template #trigger>
+              <div class="item pointer">
+                <n-icon size="18" class="icon" :component="SmilingFace" />
+                <p class="tip-title">表情符号</p>
+              </div>
+            </template>
+
+            <MeEditorEmoticon @on-select="onEmoticonEvent" />
+          </n-popover>
+
+          <!-- 工具栏其他功能按钮 -->
+          <div
+            class="item pointer"
+            v-for="nav in navs"
+            :key="nav.title"
+            v-show="nav.show"
+            @click="nav.click"
+          >
+            <n-icon size="18" class="icon" :component="nav.icon" />
+            <p class="tip-title">{{ nav.title }}</p>
+          </div>
+        </div>
+      </header>
+
+      <!-- 编辑器主体区域 -->
+      <main class="el-main height100">
+        <!-- 引用卡片显示区域 -->
+        <div v-if="quoteData" class="quote-card-wrapper">
+          <div class="quote-card-content" :data-quote-id="quoteData.id">
+            <div class="quote-card-remove" @click="removeQuote()">×</div>
+            <div class="quote-card-title">
+              <span>{{ quoteData.title }}</span>
+            </div>
+            <img v-if="quoteData.image" :src="quoteData.image" class="quote-card-image" />
+            <div v-if="quoteData.describe" class="quote-card-meta">{{ quoteData.describe }}</div>
+          </div>
+        </div>
+        
+        <div style="position: relative;">
+          <Editor
+            style="height: 100%; border: none; min-height: 100px;"
+            v-model="valueHtml"
+            :defaultConfig="editorConfig"
+            :mode="mode"
+            @onCreated="handleCreated"
+            @onChange="onEditorChange"
+            @input="handleInput"
+            @customPaste="handleCustomPaste"
+          />
+          <!-- 自定义@提及弹框 -->
+          <div v-if="modalState.show" 
+               class="mention-dropdown"
+               :style="{top: modalState.top + 'px', left: modalState.left + 'px'}">
+            <div v-if="modalState.filteredUsers.length === 0" class="mention-no-match">无匹配用户</div>
+            <div v-else>
+              <div v-for="user in modalState.filteredUsers" :key="user.id"
+                   class="mention-item"
+                   @click="insertMention(editorRef, user)">
+                <img :src="user.avatar" class="mention-avatar" />
+                <span class="mention-nickname">@{{ user.nickname }}</span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </main>
+    </section>
+  </section>
+
+  <!-- 隐藏的文件上传表单 -->
+  <form enctype="multipart/form-data" style="display: none">
+    <input type="file" ref="fileImageRef" accept="image/*" @change="onUploadFile" />
+    <input type="file" ref="uploadFileRef" @change="onUploadFile" />
+  </form>
+</template>
+
+<style lang="less" scoped>
+.editor {
+  --tip-bg-color: rgb(241 241 241 / 90%);  /* 提示背景颜色 */
+
+  height: 100%;
+
+  .toolbar {
+    height: 38px;
+    display: flex;
+
+    .tools {
+      height: 100%;
+      flex: auto;
+      display: flex;
+
+      .item {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        width: 35px;
+        margin: 0 2px;
+        position: relative;
+        user-select: none;
+
+        .tip-title {
+          display: none;  /* 默认隐藏提示文字 */
+          position: absolute;
+          top: 40px;
+          left: 0px;
+          line-height: 26px;
+          background-color: var(--tip-bg-color);
+          color: var(--im-text-color);
+          min-width: 20px;
+          font-size: 12px;
+          padding: 0 5px;
+          border-radius: 2px;
+          white-space: pre;
+          user-select: none;
+          z-index: 999999999999;
+        }
+
+        &:hover {
+          .tip-title {
+            display: block;  /* 悬停时显示提示文字 */
+          }
+        }
+      }
+    }
+  }
+}
+
+.mention-dropdown {
+  position: absolute;
+  background: white;
+  border: 1px solid #ccc;
+  border-radius: 3px;
+  box-shadow: 0 2px 10px rgba(0,0,0,0.2);
+  z-index: 100;
+  max-height: 200px;
+  overflow-y: auto;
+  min-width: 120px;
+}
+
+.mention-no-match {
+  padding: 10px;
+  color: #999;
+}
+
+.mention-item {
+  padding: 8px 12px;
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  
+  &:hover {
+    background-color: #f5f5f5;
+  }
+}
+
+.mention-avatar {
+  width: 24px;
+  height: 24px;
+  border-radius: 50%;
+  margin-right: 8px;
+}
+
+.mention-nickname {
+  font-size: 14px;
+}
+
+/* 暗色模式样式调整 */
+html[theme-mode='dark'] {
+  .editor {
+    --tip-bg-color: #48484d;
+  }
+  
+  .mention-dropdown {
+    background: #333;
+    border-color: #555;
+  }
+  
+  .mention-no-match {
+    color: #aaa;
+  }
+  
+  .mention-item:hover {
+    background-color: #444;
+  }
+}
+</style>
+
+<style>
+/* 引用卡片包装器样式 */
+.quote-card-wrapper {
+  padding: 8px 12px;
+  border-bottom: 1px solid #e8e8e8;
+  background-color: #fafafa;
+}
+
+/* 引用卡片样式 */
+.quote-card-content {
+  display: flex;
+  background-color: #ffffff;
+  flex-direction: column;
+  padding: 12px;
+  border-radius: 6px;
+  border: 1px solid #e0e0e0;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
+  cursor: default;
+  user-select: none;
+  position: relative;
+}
+
+.quote-card-image {
+  max-width: 100px;
+  max-height: 100px;
+  margin-top: 8px;
+  border-radius: 4px;
+  object-fit: cover;
+}
+
+.quote-card-remove {
+  position: absolute;
+  top: 4px;
+  right: 6px;
+  width: 16px;
+  height: 16px;
+  line-height: 14px;
+  text-align: center;
+  font-size: 14px;
+  color: #999;
+  cursor: pointer;
+  border-radius: 50%;
+  background-color: rgba(0, 0, 0, 0.1);
+  transition: all 0.2s;
+}
+
+.quote-card-remove:hover {
+  background-color: rgba(0, 0, 0, 0.2);
+  color: #666;
+}
+
+.quote-card-title {
+  height: 22px;
+  line-height: 22px;
+  font-size: 12px;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: flex;
+  justify-content: space-between;
+  padding-right: 20px; /* 为关闭按钮留出空间 */
+}
+
+.quote-card-meta {
+  margin-top: 4px;
+  font-size: 12px;
+  line-height: 20px;
+  color: #999;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+/* 暗色模式下的样式调整 */
+html[theme-mode='dark'] .quote-card-wrapper {
+  background-color: #2a2a2a;
+  border-bottom-color: #404040;
+}
+
+html[theme-mode='dark'] .quote-card-content {
+  background-color: #333333;
+  border-color: #404040;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
+}
+
+html[theme-mode='dark'] .quote-card-remove {
+  color: #ccc;
+  background-color: rgba(255, 255, 255, 0.1);
+}
+
+html[theme-mode='dark'] .quote-card-remove:hover {
+  background-color: rgba(255, 255, 255, 0.2);
+  color: #fff;
+}
+
+html[theme-mode='dark'] .quote-card-title {
+  color: #e0e0e0;
+}
+
+html[theme-mode='dark'] .quote-card-meta {
+  color: #aaa;
+}
+
+/* 编辑器内图片样式 */
+.w-e-text-container img {
+  max-width: 100px !important;
+  border-radius: 3px;
+  margin: 0px 2px;
+}
+</style>
\ No newline at end of file
diff --git a/src/utils/auth.js b/src/utils/auth.js
index 4ee6d5e..a17e8c3 100644
--- a/src/utils/auth.js
+++ b/src/utils/auth.js
@@ -18,7 +18,7 @@ export function isLoggedIn() {
  */
 export function getAccessToken() {
   // return storage.get(AccessToken) || ''
-  return JSON.parse(localStorage.getItem('token'))||'46d71a72d8d845ad7ed23eba9bdde260e635407190c2ce1bf7fd22088e41682ea07773ec65cae8946d2003f264d55961f96e0fc5da10eb96d3a348c1664e9644ce2108c311309f398ae8ea1b8200bfd490e5cb6e8c52c9e5d493cbabb163368f8351420451a631dbfa749829ee4cda49b77b5ed2d3dced5d0f2b7dd9ee76ba5465c84a17c23af040cd92b6b2a4ea48befbb5c729dcdad0a9c9668befe84074cc24f78899c1d947f8e7f94c7eda5325b8ed698df729e76febb98549ef3482ae942fb4f4a1c92d21836fa784728f0c5483aab2760a991b6b36e6b10c84f840a6433a6ecc31dee36e8f1c6158818bc89d22cfdbfc3bc1d58c0fc81df3825ac0a76436ffc05a48efbb059bc6ec71c3405b3d02bbfd64af6e95f2d65bb8e21b5f94aa2de31ba7d103d900afbe3c668a78f089238c92090ce94a0cbf04aeda28ec697d'
+  return JSON.parse(localStorage.getItem('token'))||'46d71a72d8d845ad7ed23eba9bdde260e635407190c2ce1bf7fd22088e41682ea07773ec65cae8946d2003f264d55961f96e0fc5da10eb96d3a348c1664e9644ce2108c311309f398ae8ea1b8200bfd490e5cb6e8c52c9e5d493cbabb163368f8351420451a631dbfa749829ee4cda49b77b5ed2d3dced5d0f2b7dd9ee76ba5465c84a17c23af040cd92b6b2a4ea48befbb5c729dcdad0a9c9668befe84074cc24f78899c1d947f8e7f94c7eda5325b8ed698df729e76febb98549ef3482ae942fb4f4a1c92d21836fa784728f0c5483aab2760a991b6b36e6b10c84f840a6433a6ecc31dee36e8f1c6158818bc89d225895e8b3609ffb1d73e60068668038f59258dc51a0d40df1ecde9eab71b79624e5abea020e1ec9610f435f2e0c27d98073a0f1811867a5b1333f3090ac4279780b27bf5803e00c1866b4c0ea3ffc9558'
 }
 
 /**
diff --git a/src/views/message/inner/panel/PanelFooter.vue b/src/views/message/inner/panel/PanelFooter.vue
index 25cf2d5..ebe88da 100644
--- a/src/views/message/inner/panel/PanelFooter.vue
+++ b/src/views/message/inner/panel/PanelFooter.vue
@@ -18,6 +18,7 @@ import MultiSelectFooter from './MultiSelectFooter.vue'
 import HistoryRecord from '@/components/talk/HistoryRecord.vue'
 import {scrollToBottom} from '@/utils/dom.ts'
 import SimpleEditorExample from '@/components/editor/SimpleEditorExample.vue'
+import WangEditor from '@/components/editor/WangEditor.vue'
 const userStore = useUserStore()
 const talkStore = useTalkStore()
 const editorStore = useEditorStore()
@@ -293,7 +294,8 @@ onMounted(() => {
     <MultiSelectFooter v-if="dialogueStore.isOpenMultiSelect" />
 
     <!-- <Editor v-else @editor-event="onEditorEvent" :vote="talk_type == 2" :members="members" /> -->
-    <CustomEditor v-else @editor-event="onEditorEvent" :vote="talk_type == 2" :members="members" />
+    <!-- <CustomEditor v-else @editor-event="onEditorEvent" :vote="talk_type == 2" :members="members" /> -->
+    <WangEditor v-else @editor-event="onEditorEvent" :vote="talk_type == 2" :members="members" /> 
   </footer>
 
   <HistoryRecord
diff --git a/vite.config.ts b/vite.config.ts
index 83a792e..715bc77 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -46,9 +46,9 @@ export default defineConfig(({ mode }) => {
       vueJsx({}), 
       compressPlugin(), 
       UnoCSS(),
-      vueDevTools({
-        launchEditor: 'trae',
-      })
+      // vueDevTools({
+      //   launchEditor: 'trae',
+      // })
     ],
     define: {
       __APP_ENV__: env.APP_ENV