参考文章:一个富文本编辑器 的完整流程【附源码】欢迎点赞收藏
地址:
源码: ,所以源代码均在 上,下载即可使用。
我个人在源码的基础上稍微进行了微调。
官方文档:
(富文本编辑器,可以对图片、文字进行编辑):
-(富文本):
组件的目录结构如下:
.
.
.
.
.
富文本插入图片时将图片先保存到服务器再预览,修改方法如下所示:
.
.
.
效果如下:
添加一张图片
.
.
.
.
预览效果如下:
1、从后台获取富文本,
2、在富文本中将富文本内容传递到子组件
3、子组件接收父组件传递过来的
4、在中设置富文本内容
修改之前,图片要么小了,要么大了
使用-展示富文本内容时,富文本的图片自带样式超出屏幕或者不是我们想要的大小时,我们可以使用给他添加额外样式,来控制图片大小
对后台返回的数据进行处理
这个时候直接设置样式就行
修改之后:
© 版权声明
本站文章均来自于网络,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,核实后本网站将在24小时内删除侵权内容。邮箱:dxsen@qq.com
THE END