Wangeditor failed to save pictures using base64

have you ever encountered the problem of not uploading pictures when wangeditor uses base64 to save pictures?

clipboard.png
the code is as follows

<template>
    <div class="editor-wrap">
        <div class="account-editor" ref="editor"></div>
    </div>
</template>
<script>
import WangEditor from "wangeditor";
export default {
    name:"editor",
    data(){
        return{
            editor: "",  // wangEditor
        }
    },
    props:["catchData"],
    methods: {
        createEditor(){  // 
            this.editor = new WangEditor(this.$refs.editor);
            this.initEditorConfig();  // create
            this.editor.customConfig.onchange = (html) => {
                this.editorContent = html;
                this.catchData(html)  //htmlcatchData
            }
            this.editor.create();  // 
        },
        initEditorConfig(){  // 
            this.editor.customConfig.uploadImgShowBase64 = true;   //  base64 
        },
    },
    mounted(){
        this.createEditor()
    }
}
</script>

do not show the picture or report an error when uploading. Have you ever encountered it?

Jun.07,2021

need to focus on div. If you click on upload picture, it will not work. You need to click on the box of div before you can

.
Menu