小程序
小游戏
企业微信
微信支付
扫描小程序码分享
- 从后台查出来的富文本数据,使用 rich-text 进行展示时,其中的图片过大,超出屏幕。
该数据因为要适应PC段和手机APP和微信小程序,图片大小不能在编辑时进行设置,要在不同的终端进行不同的大小设置。
- 能够提供对图片大小的配置
6 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
可以在返回的html 中再替换一下
deschtml = deschtml.replace(/\<img/g,
'<img style="width:750rpx;height:auto;display:block"'
);
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
.replace(/\<img/gi, '<img style="width:100%;height:auto" ')
2020-5-27的我也遇到了, 替换没有效果(第一次使用这个)
我直接上 html2json 了
```
const dealHtmlContent = function () {
const json = html2json(html)
TreeForEach(json, 'child', it => {
if (it.node === 'element' && it.tag) {
const className = 'ele-' + it.tag
if (!it.attr) it.attr = {class: className}
else if (!it.attr.class) it.attr.class = className
else it.attr.class += ' ' + className
}
})
return json2html(json)
遇到了一样的问题,我们的需求是pc端编写的富文本,在小程序显示,我看到我们pc的富文本输出后会有class 类名,然后我在小程序中给类名添加样式,奏效了!
问问题不放代码?666
wxss了解一下
rich-text 中设置样式没有效果的。
这句话什么意思,是要往img添加类名吗?
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
可以在返回的html 中再替换一下
deschtml = deschtml.replace(/\<img/g,
'<img style="width:750rpx;height:auto;display:block"'
);
.replace(/\<img/gi, '<img style="width:100%;height:auto" ')
2020-5-27的我也遇到了, 替换没有效果(第一次使用这个)
我直接上 html2json 了
```
const dealHtmlContent = function () {
const json = html2json(html)
TreeForEach(json, 'child', it => {
if (it.node === 'element' && it.tag) {
const className = 'ele-' + it.tag
if (!it.attr) it.attr = {class: className}
else if (!it.attr.class) it.attr.class = className
else it.attr.class += ' ' + className
}
})
return json2html(json)
}
```
遇到了一样的问题,我们的需求是pc端编写的富文本,在小程序显示,我看到我们pc的富文本输出后会有class 类名,然后我在小程序中给类名添加样式,奏效了!
问问题不放代码?666
wxss了解一下
rich-text 中设置样式没有效果的。
这句话什么意思,是要往img添加类名吗?