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

本文介绍了如何在Vue项目中结合UEditor,实现编辑内容保存为HTML文件并从服务器下载路径回显。通过自定义保存按钮,获取UEditor的HTML内容,转化为File对象上传至服务器。在回显部分,通过调用接口获取HTML内容,并使用UEditor API插入到编辑器中。
摘要由CSDN通过智能技术生成

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

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

直接上图:

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

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

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值