增加 on-error 方法以及说明,修复导入普通文本文件失败的BUG,
This commit is contained in:
parent
220d760d7b
commit
01053791a0
4
App.vue
4
App.vue
@ -6,6 +6,7 @@
|
||||
@on-copy="onCopy"
|
||||
@on-upload-image="onUpladImage"
|
||||
@on-save="onSave"
|
||||
@on-error="onError"
|
||||
:height="500"
|
||||
/>
|
||||
</div>
|
||||
@ -38,6 +39,9 @@
|
||||
},
|
||||
onSave(data) {
|
||||
console.log(data);
|
||||
},
|
||||
onError(err) {
|
||||
console.log(err)
|
||||
}
|
||||
}
|
||||
}
|
||||
|
@ -260,6 +260,15 @@ marked配置项,与编辑器内该配置一致。
|
||||
#### on-copy
|
||||
复制代码块内容,触发时返回当前代码块的text,copyCode开启时才有效。
|
||||
|
||||
#### on-error
|
||||
返回编辑器组件遇到的错误信息,交给业务代码进行错误处理。
|
||||
|
||||
code | message | 备注
|
||||
--- | --- | ---
|
||||
415 | Only text files can be imported | 导入文件仅支持文本格式
|
||||
|
||||
目前只有这一个错误信息。二次开发时,可根据自己的需要,在不同的地方返回不同的错误码以及错误信息。
|
||||
|
||||
## 二次开发
|
||||
### 粘贴插入图片
|
||||
|
||||
|
@ -130,7 +130,8 @@ export default {
|
||||
return;
|
||||
}
|
||||
const {type} = file;
|
||||
if (!['text/markdown', 'text/src'].includes(type)) {
|
||||
if (!(type === '' || /text\/\w+/.test(type))) {
|
||||
this.$emit('on-error', { code: 415, message: 'Only text files can be imported' })
|
||||
return;
|
||||
}
|
||||
const reader = new FileReader();
|
||||
@ -139,6 +140,7 @@ export default {
|
||||
});
|
||||
reader.onload = () => {
|
||||
this.currentValue = reader.result;
|
||||
console.log(typeof reader.result)
|
||||
e.target.value = '';
|
||||
if (this.pro) {// 专业版,手动set value
|
||||
this.editor.setOption('value', this.currentValue);
|
||||
|
Loading…
Reference in New Issue
Block a user