富文本优化

admin/src/components/editor/index.vue

@@ -15,9 +15,10 @@
         />
         <material-picker
             ref="materialPickerRef"
+            :type="fileType"
             :limit="-1"
             hidden-upload
-            @change="imageSelectChange"
+            @change="selectChange"
         />
     </div>
 </template>
@@ -42,9 +43,7 @@ const props = withDefaults(
         mode: 'default',
         height: '100%',
         width: 'auto',
-        toolbarConfig: () => ({
+        toolbarConfig: () => ({})
-            excludeKeys: ['fullScreen']
-        })
     }
 )
 
@@ -55,16 +54,24 @@ const emit = defineEmits<{
 // 编辑器实例，必须用 shallowRef
 const editorRef = shallowRef()
 const materialPickerRef = shallowRef<InstanceType<typeof MaterialPicker>>()
+const fileType = ref('')
 
-let insertImageFn: any
+let insertFn: any
 
 const editorConfig: Partial<IEditorConfig> = {
     MENU_CONF: {
         uploadImage: {
-            customBrowseAndUpload(insertFn: any) {
+            customBrowseAndUpload(insert: any) {
-                console.log(insertFn)
+                fileType.value = 'image'
                 materialPickerRef.value?.showPopup(-1)
-                insertImageFn = insertFn
+                insertFn = insert
+            }
+        },
+        uploadVideo: {
+            customBrowseAndUpload(insert: any) {
+                fileType.value = 'video'
+                materialPickerRef.value?.showPopup(-1)
+                insertFn = insert
             }
         }
     }
@@ -83,9 +90,9 @@ const valueHtml = computed({
     }
 })
 
-const imageSelectChange = (image: string[]) => {
+const selectChange = (fileUrl: string[]) => {
-    image.forEach((url) => {
+    fileUrl.forEach((url) => {
-        insertImageFn(url)
+        insertFn(url)
     })
 }
 
@@ -102,6 +109,9 @@ const handleCreated = (editor: any) => {
 </script>
 
 <style lang="scss">
+.w-e-full-screen-container {
+    z-index: 999999;
+}
 .w-e-text-container [data-slate-editor] ul {
     list-style: disc;
 }