From 6074bf9c8d20ce26445406e77e362bdf43632028 Mon Sep 17 00:00:00 2001
From: wangqiao <wangqiao@58hn.cn>
Date: Thu, 28 Aug 2025 21:52:49 +0800
Subject: [PATCH] Update WangEditor config and upload settings

---
 pages/channel/create/index.vue | 37 ++++++++++++++++++++++++++++++++--
 1 file changed, 35 insertions(+), 2 deletions(-)

diff --git a/pages/channel/create/index.vue b/pages/channel/create/index.vue
index 508498b..4896ffd 100644
--- a/pages/channel/create/index.vue
+++ b/pages/channel/create/index.vue
@@ -39,7 +39,7 @@
       <WeToolbar style="border-bottom: 1px solid #eeeeee" :editor="editorRef" :defaultConfig="toolbarConfig" :mode="mode" />
 
       <WeEditor
-        style="height: 300px; overflow-y: hidden"
+        style="min-height: 300px; overflow-y: hidden"
         v-model="valueHtml"
         :defaultConfig="editorConfig"
         :mode="mode"
@@ -72,6 +72,9 @@
   import '@wangeditor/editor/dist/css/style.css' // 引入 css
   // import { Editor, Toolbar } from '@wangeditor/editor-for-vue'
   import { onBeforeUnmount, shallowRef } from 'vue'
+
+  import useUserStore from '~/stores/user'
+  const userStore = useUserStore()
   // 获取从其他地方传过来的参数
   const channelId = route.query.channelId as string
 
@@ -134,7 +137,37 @@
   })
 
   const toolbarConfig = {}
-  const editorConfig = { placeholder: '请输入文章内容...' }
+  const editorConfig = {
+    placeholder: '请输入内容...',
+    // 上传图片的配置
+    MENU_CONF: {
+      uploadImage: {
+        server: 'https://tuxixi.net/prod-api/app-api/infra/file/upload',
+        fieldName: 'file', //这个是参数名字
+        headers: {
+          //配置token 接口需要就配 不需要就不用
+          Authorization: `Bearer ${userStore.token}`,
+        },
+        customInsert(res: any, insertFn: any) {
+          // 这个是获取接口返回的数据
+          insertFn(res.data) // 从 res 中找到 url（也就是接口返回的图片地址），然后插入图片
+        },
+      },
+      uploadVideo: {
+        server: 'https://tuxixi.net/prod-api/app-api/infra/file/upload',
+        fieldName: 'file', //这个是参数名字
+        maxFileSize: 1200 * 1024 * 1024, // 1200M
+        headers: {
+          //配置token 接口需要就配 不需要就不用
+          Authorization: `Bearer ${userStore.token}`,
+        },
+        customInsert(res: any, insertFn: any) {
+          // 这个是获取接口返回的数据
+          insertFn(res.data) // 从 res 中找到 url（也就是接口返回的图片地址），然后插入图片
+        },
+      },
+    },
+  }
 
   // 表单数据
   const formData = ref({