pandao / editor.md

The open source embeddable online markdown editor (component).
http://editor.md.ipandao.com/
MIT License
13.81k stars 2.42k forks source link

图片上传建议 #913

Open zsping1989 opened 3 years ago

zsping1989 commented 3 years ago

建议图片上传功能修改成ajax方式进行上传,跨域上传使用jsonp方式,from表单中添加headers认证参数等信息post很不好处理

lifa1225 commented 3 years ago

同求

laraveladmin-cn commented 3 years ago

同求 这个问题我已解决代码参考: https://gitee.com/laravel-admin/laraveladmin/blob/master/resources/js/components/editorMd.vue 喜欢可以帮忙点个赞

panchaoco commented 3 years ago

同求

instance.toolbarHandlers.image = () => {
        Modal.info({
          width: 550,
          title: '上传图片',
          content: UploadForm,
          getContainer:
            (document.querySelector('.react-markdown-cmp') as HTMLDivElement) ||
            document.body,
          onOk: () => {
            console.log('inpiu', instance.getCursor());
            console.log('instance.insertValue', instance.insertValue);
            if (inputRef.current?.input.value) {
              // eslint-disable-next-line react/no-this-in-sfc
              instance.insertValue(`![](${inputRef.current?.input.value})`);
            }
          },
        });
        return false;
      };

instance是调用editormd后返回的实例

panchaoco commented 3 years ago

同求 这个问题我已解决代码参考: https://gitee.com/laravel-admin/laraveladmin/blob/master/resources/js/components/editorMd.vue 喜欢可以帮忙点个赞

有点太复杂啦,可可看看我的方案,没多少行代码