From 01053791a0b95be6c6452cfb14b3ed7a2098e57f Mon Sep 17 00:00:00 2001
From: FungLeo <web@fengcms.com>
Date: Fri, 8 May 2020 11:15:31 +0800
Subject: [PATCH] =?UTF-8?q?=E5=A2=9E=E5=8A=A0=20on-error=20=E6=96=B9?=
 =?UTF-8?q?=E6=B3=95=E4=BB=A5=E5=8F=8A=E8=AF=B4=E6=98=8E=EF=BC=8C=E4=BF=AE?=
 =?UTF-8?q?=E5=A4=8D=E5=AF=BC=E5=85=A5=E6=99=AE=E9=80=9A=E6=96=87=E6=9C=AC?=
 =?UTF-8?q?=E6=96=87=E4=BB=B6=E5=A4=B1=E8=B4=A5=E7=9A=84BUG=EF=BC=8C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 App.vue              |  4 ++++
 README.md            | 17 +++++++++++++----
 src/mixins/common.js |  4 +++-
 3 files changed, 20 insertions(+), 5 deletions(-)

diff --git a/App.vue b/App.vue
index bc6552b..7da290f 100755
--- a/App.vue
+++ b/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)
             }
         }
     }
diff --git a/README.md b/README.md
index a677da3..6cc3ce4 100755
--- a/README.md
+++ b/README.md
@@ -61,7 +61,7 @@ import { MarkdownPreview } from 'vue-meditor'
 ```js
 import Markdown from '@/components/markdown/...';
 ```
-专业版 
+专业版
 ```js
 import MarkdownPro from '@/components/markdown/pro';
 ```
@@ -80,7 +80,7 @@ import MarkdownPreview from '@/components/markdown/preview';
 
 <script>
     import Markdown from 'vue-meditor';
-    
+
     export default {
         name: "markdown",
         components: {
@@ -253,13 +253,22 @@ marked配置项,与编辑器内该配置一致。
 编辑器保存事件，自动保存或者手动保存时触发，支持`ctrl+s`或`command+s`触发保存，返回值类型为`Object`，包含当前输入值`value`和选择的代码块主题`theme`。
 
 
-#### on-paste-image	
+#### on-paste-image
 
 监听编辑器粘贴图片事件，在编辑区域内手动粘贴图片时触发，可用于支持粘贴插入图片文件，返回`file`文件，上传文件后可结合`on-ready`事件内返回的`insertContent`插入图片。
 
-#### on-copy 
+#### on-copy
 复制代码块内容，触发时返回当前代码块的text，copyCode开启时才有效。
 
+#### on-error
+返回编辑器组件遇到的错误信息，交给业务代码进行错误处理。
+
+code | message | 备注
+--- | --- | ---
+415 | Only text files can be imported | 导入文件仅支持文本格式
+
+目前只有这一个错误信息。二次开发时，可根据自己的需要，在不同的地方返回不同的错误码以及错误信息。
+
 ## 二次开发
 ### 粘贴插入图片
 
diff --git a/src/mixins/common.js b/src/mixins/common.js
index 66ca350..5e6c06d 100644
--- a/src/mixins/common.js
+++ b/src/mixins/common.js
@@ -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);