Advertisement

微信小程序里的小技巧(持续更新)

阅读量:

若不频繁使用,便无法意识到自身能力的不足,哈哈哈,记录一下在使用rich-text过程中遇到的一些问题。

1.rich-text中的内容主要由图片组成,在展示时图片尺寸会超出屏幕范围。

1)最为直接的解决方式无疑是与后端开发人员沟通,对传输的数据内容进行调整。

2)若无法更改后端提供的数据,则在接收到数据之后,我们可自行对数据进行处理,为图片添加相应的样式。以下是一个具体示例:

屏幕显示效果:

富文本中所包含的信息内容:

从视觉呈现来看,屏幕所展示的图像信息已超出其显示范围,而富文本内容中大部分元素均为图片构成,其中包含style=""属性。为实现对img标签的样式控制,可采取以下两种方式:

(1)为元素添加class属性,并随后定义对应的样式规则

(2)直接在img标签内部嵌入内联样式定义

鉴于文本中存在style=""的结构特征,我最终选择采用第二种方法,即借助正则表达式对sty

全部评论 (0)

还没有任何评论哟~