微信小程序:富文本编辑器组件

参考文章:一个富文本编辑器 的完整流程【附源码】欢迎点赞收藏

地址:

源码: ,所以源代码均在 上,下载即可使用。

我个人在源码的基础上稍微进行了微调。

官方文档:

(富文本编辑器,可以对图片、文字进行编辑):

-(富文本):

组件的目录结构如下:

.

.

.

.

.

富文本插入图片时将图片先保存到服务器再预览,修改方法如下所示:

.

.

.

效果如下:

添加一张图片

.

.

.

.

预览效果如下:

1、从后台获取富文本,

2、在富文本中将富文本内容传递到子组件

3、子组件接收父组件传递过来的

4、在中设置富文本内容

修改之前,图片要么小了,要么大了

使用-展示富文本内容时,富文本的图片自带样式超出屏幕或者不是我们想要的大小时,我们可以使用给他添加额外样式,来控制图片大小

对后台返回的数据进行处理

这个时候直接设置样式就行

修改之后:

© 版权声明
THE END
分享