wangeditor富文本编辑器所有配置

好的，以下是WangEditor富文本编辑器的所有配置：

1. 基础配置

editor.config.uploadImgUrl = '/upload'; // 上传图片的接口地址
editor.config.uploadImgFileName = 'file'; // 上传图片的文件名称
editor.config.menus = [
    'head', // 标题
    'bold', // 粗体
    'fontSize', // 字号
    'fontName', // 字体
    'italic', // 斜体
    'underline', // 下划线
    'strikeThrough', // 删除线
    'foreColor', // 文字颜色
    'backColor', // 背景颜色
    'link', // 插入链接
    'list', // 列表
    'justify', // 对齐方式
    'quote', // 引用
    'emoticon', // 表情
    'image', // 插入图片
    'table', // 表格
    'video', // 插入视频
    'code', // 插入代码
    'undo', // 撤销
    'redo' // 重复
];

2. 自定义菜单

editor.config.menus = [
    'head', // 标题
    'bold', // 粗体
    'fontSize', // 字号
    'fontName', // 字体
    'italic', // 斜体
    'underline', // 下划线
    'strikeThrough', // 删除线
    'foreColor', // 文字颜色
    'backColor', // 背景颜色
    'link', // 插入链接
    'list', // 列表
    'justify', // 对齐方式
    'quote', // 引用
    'emoticon', // 表情
    'image', // 插入图片
    'table', // 表格
    'video', // 插入视频
    'code', // 插入代码
    'undo', // 撤销
    'redo', // 重复
    {
        name: 'customMenu1', // 菜单名称
        text: '自定义菜单1', // 显示的文本
        title: '自定义菜单1', // 鼠标悬浮时显示的文本
        exec: function () { // 点击菜单时触发的回调函数
            // 自定义菜单1的代码
        }
    },
    {
        name: 'customMenu2',
        text: '自定义菜单2',
        title: '自定义菜单2',
        exec: function () {
            // 自定义菜单2的代码
        }
    }
];

3. 图片上传配置

editor.config.uploadImgUrl = '/upload'; // 上传图片的接口地址
editor.config.uploadImgFileName = 'file'; // 上传图片的文件名称
editor.config.uploadImgFns.onload = function (resultText, xhr) { // 图片上传成功时的回调函数
    // 图片上传成功的处理代码
};
editor.config.uploadImgFns.onerror = function (xhr) { // 图片上传失败时的回调函数
    // 图片上传失败的处理代码
};
editor.config.uploadImgParams = { // 上传图片时需要携带的参数
    'token': '123456'
};

4. 视频上传配置

editor.config.uploadVideoUrl = '/upload'; // 上传视频的接口地址
editor.config.uploadVideoFileName = 'file'; // 上传视频的文件名称
editor.config.uploadVideoFns.onload = function (resultText, xhr) { // 视频上传成功时的回调函数
    // 视频上传成功的处理代码
};
editor.config.uploadVideoFns.onerror = function (xhr) { // 视频上传失败时的回调函数
    // 视频上传失败的处理代码
};
editor.config.uploadVideoParams = { // 上传视频时需要携带的参数
    'token': '123456'
};

5. 表格配置

editor.config.menus = [
    'head', // 标题
    'bold', // 粗体
    'fontSize', // 字号
    'fontName', // 字体
    'italic', // 斜体
    'underline', // 下划线
    'strikeThrough', // 删除线
    'foreColor', // 文字颜色
    'backColor', // 背景颜色
    'link', // 插入链接
    'list', // 列表
    'justify', // 对齐方式
    'quote', // 引用
    'emoticon', // 表情
    'image', // 插入图片
    'table', // 表格
    'video', // 插入视频
    'code', // 插入代码
    'undo', // 撤销
    'redo' // 重复
];
editor.config.menusConfig = { // 表格菜单的配置
    table: {
        dropdown: ['insert', 'delete', 'colBefore', 'colAfter', 'rowBefore', 'rowAfter', 'colMerge', 'rowMerge', 'format'],
        trigger: '<span class="wangeditor-menu-img-table"></span>',
        className: ''
    }
};
editor.config.tableDropdownConfig = { // 表格下拉菜单的配置
    insert: {
        text: '插入表格',
        handler: function () {
            // 插入表格的代码
        }
    },
    delete: {
        text: '删除表格',
        handler: function () {
            // 删除表格的代码
        }
    },
    colBefore: {
        text: '在左侧插入列',
        handler: function () {
            // 在左侧插入列的代码
        }
    },
    colAfter: {
        text: '在右侧插入列',
        handler: function () {
            // 在右侧插入列的代码
        }
    },
    rowBefore: {
        text: '在上方插入行',
        handler: function () {
            // 在上方插入行的代码
        }
    },
    rowAfter: {
        text: '在下方插入行',
        handler: function () {
            // 在下方插入行的代码
        }
    },
    colMerge: {
        text: '合并列',
        handler: function () {
            // 合并列的代码
        }
    },
    rowMerge: {
        text: '合并行',
        handler: function () {
            // 合并行的代码
        }
    },
    format: {
        text: '表格格式化',
        handler: function () {
            // 表格格式化的代码
        }
    }
};
editor.config.tableDefaultStyle = { // 表格默认样式
    borderWidth: '1px',
    borderColor: '#ccc',
    width: '100%'
};
editor.config.tableInsertMaxRow = 10; // 插入表格时最大行数
editor.config.tableInsertMaxCol = 10; // 插入表格时最大列数

希望这些信息对你有所帮助。