vue2的wangeditor的onInsertedImage怎么用

在 Vue2 中使用 "wangeditor" 的 "onInsertedImage" 事件回调函数需要注意一些细节。下面是一种常见的做法：

1. 在 Vue 组件中引入 "wangeditor" 和 jQuery 库：

import wangEditor from 'wangeditor';
import $ from 'jquery';

2. 在 Vue 组件的 "mounted" 生命周期函数中初始化 "wangeditor" 编辑器，并添加 "onInsertedImage" 事件回调函数：

mounted() {
    let editor = new wangEditor(this.$refs.editor);
    editor.config.onInsertedImage = function (result) {
        let $img = $(result.img);
        $img.attr('alt', result.title);   // 设置图片 alt 属性
        $img.attr('title', result.title); // 设置图片 title 属性
        // 处理图片插入事件
        console.log(result);
    };
    editor.create();
}

在上述代码中，我们在 "mounted" 生命周期函数中初始化 "wangeditor" 编辑器，并在 "config" 中添加 "onInsertedImage" 事件回调函数。当用户在编辑器中插入一张图片时，该函数会被触发执行，函数的参数 result 包含了插入的图片相关信息。在函数中，我们可以通过 jQuery 库来对插入的图片进行一些额外的操作，例如：添加 alt 和 title 属性等等。