组件名:rich-text
微信版本号:8.0.10
基础库:2.19.2
使用是“内容管理”里的富文本工具来编辑富文本,编辑的时候会有很多换行操作,在小程序端可以看到获取的富文本数据有把每次的换行都转换成一组<p></p>标签,但是在小程序端都直接忽略了换行效果。
也就是富文本的换行编辑都被忽略了。在小程序端无法呈现富文本原有的换行排版。
代码片段:https://developers.weixin.qq.com/s/tp0lwNmr7esm
如下案例:
js文件
wxml文件
小程序展示效果:把两组<p></p>的换行效果给忽略了
调试器的文本也是带p标签的
换行的话还是要用 <br/>
空的 p 标签没有高度,浏览器里 p 标签有默认样式上下 margin 1em,所以可以起到空一行的效果;小程序的 rich-text 里的 p 标签是没有这个默认样式的,可以用来换行,但无法空一行
可以这样
html = html.replace(/<p/g, '<p style="margin:1em 0"')
调试器里看看富文本组件加载的内容是什么