富文本编辑器组件增加上传属性

src/components/avatar/cropper.vue

@@ -125,7 +125,7 @@ const rotateRight = () => {
     :close-on-click-modal="false"
     :close-on-press-escape="false"
     destroy-on-close
-    width="65%"
+    width="900px"
   >
     <div class="croWrap">
       <div style="width: 600px; height: 400px">

src/components/form/ElEditor.vue

@@ -3,16 +3,22 @@ import '@wangeditor/editor/dist/css/style.css'
 import { Editor, Toolbar } from '@wangeditor/editor-for-vue'
 import { useUserStore } from '@/stores/user'
 import { ACCESS_TOKEN } from '@/utils/constants'
+import { isAbsolutePath } from '@/utils/utils'
+import config from '@/config/defaultSetting'
 
 interface Props {
   modelValue: string
   mode?: string
   height?: string
+  uploadApi?: string
+  fieldName?: string
 }
 
 const props = withDefaults(defineProps<Props>(), {
   mode: 'simple',
-  height: '300px'
+  height: '300px',
+  uploadApi: config.uploadApi,
+  fieldName: 'file'
 })
 const emits = defineEmits(['update:modelValue', 'change'])
 
@@ -31,9 +37,9 @@ const editorConfig = {
   placeholder: '请输入内容...',
   MENU_CONF: {
     uploadImage: {
-      server: `${import.meta.env.VITE_BASE_API}/file/upload`,
+      server: isAbsolutePath(props.uploadApi) ? props.uploadApi : import.meta.env.VITE_BASE_API + props.uploadApi,
       headers: { [ACCESS_TOKEN]: userStore.token },
-      fieldName: 'file',
+      fieldName: props.fieldName,
       // 自定义插入图片
       customInsert(res: any, insertFn: Function) {
         const file = res?.data