小程序
小游戏
企业微信
微信支付
扫描小程序码分享
富文本来自下面链接返回数据中的 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内部元素设置样式的给出说明!