react 中 // 编辑器配置 const editorConfig: Partial<IEditorConfig> = { // 在编辑器中,点击选中“附件”节点时,要弹出的菜单 hoverbarKeys: { attachment: { menuKeys: ['downloadAttachment'], // “下载附件”菜单 }, }, MENU_CONF: { // “上传附件”菜单的配置 uploadAttachment: { customUpload: true, // 开启自定义上传 onUpload(file: File) { // 调用自定义的上传方法 console.log(file); }, // 插入到编辑器后的回调 onInsertedAttachment(elem: any) { console.log('inserted attachment', elem); }, }, }, }; customUpload: true, // 开启自定义上传 没有生效
时间: 2024-02-14 09:07:49 浏览: 48
monaco-react:适用于React的Monaco编辑器-在任何React应用程序中使用monaco编辑器,而无需使用webpack(或rollupparceletc)配置文件插件
在代码中设置 `customUpload: true` 是开启自定义上传的关键步骤,但仅仅设置此配置是不够的,你还需要将 `uploadAttachment` 菜单的 `customUpload` 属性也设置为 `true`。在你提供的代码中,仅仅是对 `uploadAttachment` 菜单进行了配置,但是没有设置其 `customUpload` 属性。因此,你需要将代码修改为如下形式:
```
const editorConfig: Partial<IEditorConfig> = {
// 在编辑器中,点击选中“附件”节点时,要弹出的菜单
hoverbarKeys: {
attachment: {
menuKeys: ['downloadAttachment'], // “下载附件”菜单
},
},
MENU_CONF: {
// “上传附件”菜单的配置
uploadAttachment: {
customUpload: true, // 开启自定义上传
onUpload(file: File) {
// 调用自定义的上传方法
console.log(file);
},
// 插入到编辑器后的回调
onInsertedAttachment(elem: any) {
console.log('inserted attachment', elem);
},
},
},
};
```
修改后,你的自定义上传方法应该可以生效了。
阅读全文