收藏
回答

如何解析富文本组件中class,在外部绑定样式?

目前在pc端使用富文本添加了自定义标题,标题所在标签中绑定了自定义类,发布了文章,该文章在小程序展示,富文本内容被 富文本组件解析后,在html结构中以 rich-text标签展示,在pc端绑定的自定义class 被放在了 rich-text标签的nodes属性中,无法给该自定义class绑定外部样式,有没有合理的解决办法 。

如图 想要拿到 case-title 绑定自定义样式,样式中包含背景图片

回答关注问题邀请回答
收藏

3 个回答

  • showms
    showms
    2024-11-29

    意思是样式case-title不在rich-text所在页面的wxss或者是app.wxss里面吗

    2024-11-29
    有用
    回复 1
    • zhangke
      zhangke
      2024-11-29
      在rich-text的nodes属性里,不知道怎么解析出来。我原先以为会和浏览器上一样,一个个html标签解析出来,这样就能直接给class绑定外部样式
      2024-11-29
      回复
  • 斯迈华
    斯迈华
    2024-11-28

    我碰到过类似的问题,最后是通过在富文本渲染的 HTML 中添加自定义标签来实现绑定外部样式。可以通过调整 rich-text 组件的配置,手动指定需要应用的类名,然后在外部样式中针对该类进行控制。

    2024-11-28
    有用
    回复 1
    • zhangke
      zhangke
      2024-11-29
      我目前用的解析富文本的是mp-html  我发现使用mp-html  u-parse 解析,最终在开发者工具的wxml里都显示的是rich-text
      2024-11-29
      回复
  • hello world
    hello world
    2024-11-28

    不行

    2024-11-28
    有用
    回复
登录 后发表内容