使用wangeditor添加上传音频功能

要在WangEditor中添加上传音频功能，可以按照以下步骤进行操作：

1. 首先，需要在你的代码中引入jQuery和WangEditor库：

<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/wangEditor/10.0.13/wangEditor.min.js"></script>

2. 在页面中创建一个div元素，作为富文本编辑器的容器：

<div id="editor"></div>

3. 初始化富文本编辑器，并添加上传音频功能：

var editor = new wangEditor('#editor');
editor.config.uploadImgServer = '/upload/audio'; // 设置上传音频的服务器接口
editor.config.uploadImgMaxSize = 10 * 1024 * 1024; // 设置上传音频的最大大小
editor.config.uploadImgParams = { // 设置上传音频时需要传递的参数
    token: 'your_token'
};
editor.config.uploadImgHeaders = { // 设置上传音频时需要传递的请求头
    Authorization: 'Bearer your_access_token'
};
editor.config.uploadImgHooks = { // 设置上传音频的回调函数
    before: function(xhr, editor, files) {
        // 文件上传之前触发
    },
    success: function(xhr, editor, result) {
        // 文件上传成功触发
    },
    fail: function(xhr, editor, result) {
        // 文件上传失败触发
    },
    error: function(xhr, editor) {
        // 文件上传出错触发
    },
    timeout: function(xhr, editor) {
        // 文件上传超时触发
    }
};
editor.config.customUploadImg = function (files, insert) { // 自定义上传音频的函数
    // 将文件上传到服务器
    $.ajax({
        url: '/upload/audio',
        type: 'POST',
        data: files[0],
        dataType: 'json',
        contentType: false,
        processData: false,
        success: function(result) {
            // 上传成功后，将音频地址插入到富文本编辑器中
            insert(result.audioUrl);
        },
        error: function(xhr, error, status) {
            alert('上传音频失败，请重试！');
        }
    });
};
editor.create();

以上代码中，`uploadImgServer`属性表示上传音频的服务器接口，`uploadImgMaxSize`属性表示上传音频的最大大小，`uploadImgParams`属性和`uploadImgHeaders`属性分别表示上传音频时需要传递的参数和请求头，`uploadImgHooks`属性表示上传音频的回调函数。

`customUploadImg`属性是自定义的上传音频函数，其中`files`参数表示要上传的音频文件，`insert`参数表示将音频地址插入到富文本编辑器中的函数。在自定义的上传音频函数中，可以使用jQuery的`ajax`方法将音频文件上传到服务器，上传成功后，将音频地址插入到富文本编辑器中即可。

通过以上步骤，就可以在WangEditor中添加上传音频功能了。