小程序
小游戏
企业微信
微信支付
扫描小程序码分享
富文本来自下面链接返回数据中的 info.about
https://www.haoxuehaozhi.com/course/api/detail/464
模版中代码如下
显示效果如下，不换行的a标签已经指出，令人不解的是富文本中 考前测试 和 课后测试的链接不换行
链接显示效果应如下图：
希望能得到回复 😊
2 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
你好，可以给对应节点直接加上style样式
你好，麻烦通过点击下方“反馈信息”按钮，提供出现问题的。
谢谢您，确实可以
不过还是针对rich-text的文档提一个建议：
我是看到在社区中已经有人针对富文本中图片适配提出解决方案，方法是为富文本中的<img>标签填加一个class，比如下面代码
text = text.replace(/\<img/gi, '<img class="rich-img" ')
text = text.replace(/\<img/gi,
'<img class="rich-img" '
)
然后就可以在页面wxss中对富文本中的图片进行样式控制了，如下代码
.rich-img {
max-width
:
100%
;
height
auto
}
建议在文档中加入为富文本内元素设置样式的描述或指导，类似您提到的可以给对应节点直接加上style样式，以及可以为元素添加class，然后在wxss内书写样式可以作用到rich-text组件。这样文档会更友好一些。😊
有办法解决了，在页面wxss中添加下面css就可以了
rich-text {
overflow-wrap: break-word;
官网文档对rich-text样式设置的介绍太模糊了啊，比如富文本中如果包含较大尺寸的图片，图片就会宽度溢出，从文档中就找不到如何设置富文本中的图片不要溢出的方法。
rich-text文档中应该对如何对rich-text内部元素设置样式的给出说明！
关注后，可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
你好，可以给对应节点直接加上style样式
谢谢您，确实可以
不过还是针对rich-text的文档提一个建议：
我是看到在社区中已经有人针对富文本中图片适配提出解决方案，方法是为富文本中的<img>标签填加一个class，比如下面代码
text = text.replace(/\<img/gi,'<img class="rich-img" ')然后就可以在页面wxss中对富文本中的图片进行样式控制了，如下代码
.rich-img {max-width:100%;height:auto;}建议在文档中加入为富文本内元素设置样式的描述或指导，类似您提到的可以给对应节点直接加上style样式，以及可以为元素添加class，然后在wxss内书写样式可以作用到rich-text组件。这样文档会更友好一些。😊
有办法解决了，在页面wxss中添加下面css就可以了
rich-text {overflow-wrap: break-word;}官网文档对rich-text样式设置的介绍太模糊了啊，比如富文本中如果包含较大尺寸的图片，图片就会宽度溢出，从文档中就找不到如何设置富文本中的图片不要溢出的方法。
rich-text文档中应该对如何对rich-text内部元素设置样式的给出说明！