zhouwenxuan
2023-12-15 07ca2d96c6f38a2a38f958d1771b6b9848f0ce0d
src/components/Tinymce/Tinymce.vue
@@ -46,16 +46,18 @@
        },
        toolbar: {
            type: [String, Array],
            default: "undo redo |  formatselect  | upfile image  bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | lists  insertfile  table | removeformat fullscreen  "
            default: " styleselect fontsizeselect | undo redo |  upfile image  bold italic | fontselect |alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | lists  insertfile  table | removeformat fullscreen  "
        }
    },
    data() {
        return {
            loading: false,
            // 初始化配置
            init: {
                language_url: "/tinymce/langs/zh_CN.js",
                language: "zh_CN",
                skin_url: "/tinymce/skins/ui/oxide", // skin路径
                content_css: '/tinymce/skins/content/default/content.css',
                height: 500, // 编辑器高度
                branding: false, // 是否禁用“Powered by TinyMCE”
                menubar: true, // 顶部菜单栏显示
@@ -64,10 +66,6 @@
                relative_urls: false,
                remove_script_host: true,
                statusbar: false,
                // images_upload_handler: (blobInfo, success, failure) => {
                //     console.log(blobInfo);
                //     this.handleImgUpload(blobInfo, success, failure);
                // },
                images_upload_handler: async (blobInfo, success, failure) => {
                    const formData = new FormData(); // 和后端协商后用formData格式进行传参
                    formData.append("file", blobInfo.blob());// 传递的参数
@@ -75,7 +73,14 @@
                    let res = await upload(formData); // 调取 接口
                    console.log(res);
                    if (res.code == 200) {
                        const path = import.meta.env.VITE_APP_BASE_API + '/' + res.data.path
                        // const path = import.meta.env.VITE_APP_BASE_API + '/' + res.data.path
                        let path = "";
                        if(import.meta.env.VITE_APP_ENV == 'development') {
                            path = import.meta.env.VITE_APP_BASE_API + '/' + res.data.path
                        }else {
                            path = '/api/' + res.data.path
                        }
                        success(path);
                    } else {
                        failure("上传失败");
@@ -85,18 +90,31 @@
                    const formData = new FormData(); // 和后端协商后用formData格式进行传参
                    formData.append("file", file);// 传递的参数
                    formData.append("Authorization", getToken());// token值
                    let res = await upload(formData); // 调取 接口
                    console.log(res);
                    if (res.code == 200) {
                        const path = import.meta.env.VITE_APP_BASE_API + '/' + res.data.path
                        success(path);
                    } else {
                        failure("上传失败");
                    }
                    await upload(formData).then(res => {
                        console.log(res);
                        if (res.code == 200) {
                            let path = "";
                            if(import.meta.env.VITE_APP_ENV == 'development') {
                                path = import.meta.env.VITE_APP_BASE_API + '/' + res.data.path
                            }else {
                                path = '/api/' + res.data.path
                            }
                            // const path = import.meta.env.VITE_APP_BASE_API + '/' + res.data.path
                            // const path = '/api/' + res.data.path
                            success(path,res.data);
                        } else {
                            console.log("上传失败");
                        }
                    }).catch(err => {
                        success('失败');
                              console.log('err',err)
                    })
                }
            },
            myValue: this.value,
            // content_css: '/tinymce/skins/content/default/content.css',
        };
    },
@@ -112,6 +130,7 @@
        },
        // 可以添加一些自己的自定义事件,如清空内容
        clear() {
            this.myValue = "";
        },
    },