UEditor与vue，生成html文件及将html文件通过下载路径回显

UEditor与vue，生成html文件及将html文件通过下载路径回显

文章说明：
因为UEditor折磨我好多天，前些天因为上传图片及附近有问题，一直传不上去，现在还是一样。后来转化思路，先做文件保存及回显吧。

直接上图：

一、做保存
自己做保存按钮，下面我贴的代码也有。我点击保存后，会调用saveHtml方法
此处应注意，后端接口如果是@RequestParam(“file”) MultipartFile file这种方式接收参数，那么图中的formdata,append的key就要是file。
方法第一行就能获取UEditor编辑器里的html，通过new File将html代码文件化。通过调用后端接口传到服务器，接口返回值res里面会有此文件的下载路径。如果没有，请找后端人员要，这是必须的，除非将整个html存在数据库里。

到这里，将UEditor中所编辑的文件存为html文件并存入服务器里，保存的功能已经完成。

二、做回显
直接上图，回显调用getHtml方法。我现在把下载路径写死在代码里了，只是为了演示
通过请求下载路径，（param照我图片上那么写就行），返回值就是获取的html代码。
然后通过UEditor的API方法，如下：将html代码加载进页面中就OK 啦。
UE.getEditor(‘editor’).execCommand(‘insertHtml’, this.html);

还需继续努力，你和其他人差的不是一点。