fix: 优化拖拽时插入的位置 Tencent#338

src/Editor.js

@@ -292,40 +292,43 @@ export default class Editor {
     editor.on('drop', (codemirror, evt) => {
       const files = evt.dataTransfer.files || [];
       if (files && files.length > 0) {
-        for (let i = 0, needBr = false; i < files.length; i++) {
-          const file = files[i];
-          const fileType = file.type || '';
-          // 文本类型或者无类型的，直接读取内容，不做上传文件的操作
-          if (fileType === '' || /^text/i.test(fileType)) {
-            continue;
-          }
-          this.options.fileUpload(file, (url, params) => {
-            if (typeof url !== 'string') {
-              return;
-            }
-            // 拖拽上传文件时，强制改成没有文字选择区的状态
-            codemirror.setSelection(codemirror.getCursor());
-            const name = params.name ? params.name : file.name;
-            let type = '';
-            let poster = '';
-            if (/video/i.test(file.type)) {
-              type = '!video';
-              poster = params.poster ? `{poster=${params.poster}}` : '';
-            }
-            if (/audio/i.test(file.type)) {
-              type = '!audio';
-            }
-            if (/image/i.test(file.type)) {
-              type = '!';
+        // 增加延时，让drop的位置变成codemirror的光标位置
+        setTimeout(() => {
+          for (let i = 0, needBr = false; i < files.length; i++) {
+            const file = files[i];
+            const fileType = file.type || '';
+            // 文本类型或者无类型的，直接读取内容，不做上传文件的操作
+            if (fileType === '' || /^text/i.test(fileType)) {
+              continue;
             }
-            const style = type ? handelParams(params) : '';
-            type = needBr ? `\n${type}` : type;
-            const insertValue = `${type}[${name}${style}](${url})${poster}`;
-            // 当批量上传文件时，每个被插入的文件中间需要加个换行，但单个上传文件的时候不需要加换行
-            needBr = true;
-            codemirror.replaceSelection(insertValue);
-          });
-        }
+            this.options.fileUpload(file, (url, params) => {
+              if (typeof url !== 'string') {
+                return;
+              }
+              // 拖拽上传文件时，强制改成没有文字选择区的状态
+              codemirror.setSelection(codemirror.getCursor());
+              const name = params.name ? params.name : file.name;
+              let type = '';
+              let poster = '';
+              if (/video/i.test(file.type)) {
+                type = '!video';
+                poster = params.poster ? `{poster=${params.poster}}` : '';
+              }
+              if (/audio/i.test(file.type)) {
+                type = '!audio';
+              }
+              if (/image/i.test(file.type)) {
+                type = '!';
+              }
+              const style = type ? handelParams(params) : '';
+              type = needBr ? `\n${type}` : type;
+              const insertValue = `${type}[${name}${style}](${url})${poster}`;
+              // 当批量上传文件时，每个被插入的文件中间需要加个换行，但单个上传文件的时候不需要加换行
+              needBr = true;
+              codemirror.replaceSelection(insertValue);
+            });
+          }
+        }, 50);
       }
     });