![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
富文本编辑器
橘哥哥
分享码奴的工作内容.
展开
-
富文本编辑器iceEditor中上传word并回显
项目中有需求,用户通过全选word中的图片和文字,然后直接粘贴到富文本编辑器中,可以正常显示,但是实际开发中发现word多图片粘上去的时候图片全部都是file本地路径,无法正常显示,于是考虑另一种思路,用户直接上传word,然后后台通过解析word,并且把word中的图片进行上传,最后返回给前端的就是纯标签形式,类似于下图前端收到数据回传后,直接渲染到富文本内就可以了以iceEditor为例//iceEditor此处为自定义组件iceEditor.plugin({ ...原创 2022-04-11 09:52:01 · 1954 阅读 · 2 评论 -
wangEditor上传图片事件抛出处理+解决Form-Making中无法粘贴
项目背景:项目中无法直接修改插件中的富文本编辑器,只能先修改插件的富文本编辑器源码,然后打包插件最后放到项目中运行,所以需要将插件中富文本编辑器的上传图片事件抛出使用Form-Making 自定义表单插件的时候,遇到无法粘贴表格的问题,查看源码后得知,是form-making中使用的vue2-editor富文本编辑器无法粘贴表格,搜索很久无法查阅到关于vue2-editor中如合粘贴表格,于是决定修改form-making中的源码,将vue2-editor替换成wangEditor富文本编辑器,原创 2022-03-15 17:37:47 · 2070 阅读 · 0 评论 -
iceEditor 富文本编辑器的使用方法小结
1.为什么选择iceEditor因为最近使用Laya项目开发,不好通过npm装包等方法去引入富文本编辑器的插件,于是找到iceEditor这款,只需要通过js引入,即可快捷使用2.使用方法基本使用方法参考官方文档iceEditor 官方文档3.在vue项目中使用iceEditor 富文本编辑器的使用方法1).将iceEditor项目下载到vue项目中的plugins下2).index.html中引入相关css和js ,注意需要放到body里面,而且引入顺序不能反...原创 2021-12-28 15:28:16 · 1199 阅读 · 2 评论