图片在小程序端是固定的尺寸,编辑器中无法设置宽度 100%

小程序端图片显示不完整,这个问题怎么解决?

  • style中添加img属性似乎不管用;
  • 难道要更换编辑器?
  • 取出数据后对html内容的img属性进行替换后展示?
《L05 电商实战》
从零开发一个电商项目,功能包括电商后台、商品 & SKU 管理、购物车、订单管理、支付宝支付、微信支付、订单退款流程、优惠券等
《L02 从零构建论坛系统》
以构建论坛项目 LaraBBS 为线索,展开对 Laravel 框架的全面学习。应用程序架构思路贴近 Laravel 框架的设计哲学。
讨论数量: 8
liyu001989

你的意思是 larabbs 的富文本编辑器没法让某个图片自动撑开 宽度 100% ? 能截个图吗

5年前 评论

@liyu001989

file

larabbs的富文本编辑器上传图片后,小程序端的显示效果

5年前 评论
liyu001989

https://my.oschina.net/tianma3798/blog/179... 或许是需要替换一下

5年前 评论

@liyu001989
这个正则替换挺好用,解决了图片宽度问题。
topic.body = topic.body.replace(/\<img/gi, '<img style="max-width:100%;height:auto" ')
由于自己对正则不太熟,上述代码在微信开发者工具中可以直接使用,但是放到wpy文件,就会报错,应该是书写格式问题?

file

5年前 评论
liyu001989

eslint 的报错,不必要的空格,检查一下代码

5年前 评论

@tongtongtongtong 请问一下 你最后怎么解决的呢?

5年前 评论

你的意思是 larabbs 的富文本编辑器没法让某个图片自动撑开 宽度 100% ? 能截个图吗
这样子:
file
解决方法:
topic.body = topic.body.replace('<img', '<img style="max-width:100%;height:auto" ')
Laravel
注意:别忘记 wepy build
Laravel
查看:
Laravel

4年前 评论

讨论应以学习和精进为目的。请勿发布不友善或者负能量的内容,与人为善,比聪明更重要!