收藏
回答

如何操作使用rich-text标签渲染的富文本的css样式问题

https://developers.weixin.qq.com/miniprogram/dev/component/rich-text.html

我的需求是对富文本的图片css进行处理列如宽度设定为750rpx,和table表格添加border,目前添加的css没有生效

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

2 个回答

  • 一笑皆春
    一笑皆春
    2025-05-14

    你得直接处理接口返回的原格式,可以用正则匹配,例如

    content= content.replace(/\<img/gi, '<img style="max-width:100%;"');

    2025-05-14
    有用 1
    回复 1
    • 弗兰克🌴
      弗兰克🌴
      2025-05-15
      奥奥 谢谢老哥
      2025-05-15
      回复
  • 目亭
    目亭
    2025-06-20

    table直接替换样式有用

    content = .content.replace(/<table([^>]*)>/gi,'<table$1 style="border: 1px solid #000; border-collapse: collapse;">').replace(/<td([^>]*)>/gi,'<td$1 style="border: 1px solid #000; padding: 5px; text-align: center;">');

    2025-06-20
    有用
    回复
登录 后发表内容