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

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

  • style中添加img属性似乎不管用;
  • 难道要更换编辑器?
  • 取出数据后对html内容的img属性进行替换后展示?
《L03 构架 API 服务器》
你将学到如 RESTFul 设计风格、PostMan 的使用、OAuth 流程,JWT 概念及使用 和 API 开发相关的进阶知识。
《G01 Go 实战入门》
从零开始带你一步步开发一个 Go 博客项目,让你在最短的时间内学会使用 Go 进行编码。项目结构很大程度上参考了 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年前 评论

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