收藏
回答

rich-text忽略<p>标签,在富文本编辑的时候换行多少次,最终都不换行?

组件名:rich-text

微信版本号:8.0.10

基础库:2.19.2

使用是“内容管理”里的富文本工具来编辑富文本,编辑的时候会有很多换行操作,在小程序端可以看到获取的富文本数据有把每次的换行都转换成一组<p></p>标签,但是在小程序端都直接忽略了换行效果。

也就是富文本的换行编辑都被忽略了。在小程序端无法呈现富文本原有的换行排版。

代码片段:https://developers.weixin.qq.com/s/tp0lwNmr7esm

如下案例:


js文件

wxml文件

小程序展示效果:把两组<p></p>的换行效果给忽略了

调试器的文本也是带p标签的

最后一次编辑于  2021-08-24
回答关注问题邀请回答
收藏

3 个回答

  • 社区技术运营专员--阳光
    社区技术运营专员--阳光
    2021-08-25

    换行的话还是要用 <br/> 

    2021-08-25
    有用
    回复 1
    • Y_C
      Y_C
      发表于移动端
      2021-08-26
      想问下官方会解决吗
      2021-08-26
      回复
  • 金煜峰
    金煜峰
    2021-08-24

    空的 p 标签没有高度,浏览器里 p 标签有默认样式上下 margin 1em,所以可以起到空一行的效果;小程序的 rich-text 里的 p 标签是没有这个默认样式的,可以用来换行,但无法空一行

    可以这样

    html = html.replace(/<p/g, '<p style="margin:1em 0"')
    
    2021-08-24
    有用 2
    回复 2
    • Y_C
      Y_C
      发表于移动端
      2021-08-26
      谢谢,我替换成了br也可以了
      2021-08-26
      回复
    • 謝勃 Adam Shieh
      謝勃 Adam Shieh
      2022-02-26
      怎么做到的??????
      2022-02-26
      回复
  • 微喵网络
    微喵网络
    2021-08-24

    调试器里看看富文本组件加载的内容是什么

    2021-08-24
    有用
    回复 8
    查看更多(3)
登录 后发表内容