canvas-editor基于canvas/svg的富文本编辑器

前段时间我这有个新需求 需要在项目里实现在线编辑word然后下载导出功能,并在左侧加上自己上传的资源,以供word可以直接取用,可能是我基础太差,我觉得这个源码没点阅读能力真不容易看懂,就各种bug找上来,集成进来也是挺苦恼

其中图片资源拖拽进入画布只能展示超链接 经过大佬指导 修改源码现已成功完成,再次感谢大佬,大佬文章在此,很强的一篇帮助很大https://blog.csdn.net/weixin_47746452/article/details/141063569?spm=1001.2014.3001.5501

源码贴图

这个功能是正常完成了 接下来就是保存+下载,保存的话是调用api instance.command.getValue()方法 获取到数据,再通过自己的需求保存,由于下载我这边需要的是将编辑好的下载成word格式 官方提供的word插件下载后格式和编辑时的不一样,所以只能自己想办法,试了很多个最后成功下载docx,先使用api instance.command.getHTML()获取到html格式,一开始是直接用的 发现会出现乱码 所以采用拼接形式,再用file-saver+html-docx-js,成功下载,代码如下:

可以正常导出为word 格式也是正常的

完美解决,希望能帮助到大家吧,完结撒花~

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值