在编辑框上传的照片在移动端会溢出不能自适应屏幕的宽度的问题大

迅睿框架更新 2020-03-14 08:28:25

迅睿粉丝

在编辑框上传的照片，在移动端会溢出，不能自适应屏幕的宽度的问题，大家都是如何解决这个问题的？

我试着在编辑框img标签内手动写上style="width:100%"可以解决自适应的问题，不过不想每次手动修改，应该有现成的解决方案吧。折腾 2天了，还没有搞定，求大牛指点。

插件名称：Ueditor

方案

迅睿粉丝 #1 · 2020-03-13 09:01:14

https://gitee.com/dayrui/xunruicms/commit/29ad62fcdda70ce78dedaf04f3ab85410bd36467
迅睿粉丝 #2 · 2020-03-13 13:49:53

你可以写<style>img{width:100%!important}</style>
迅睿粉丝 #3 · 2020-03-13 13:50:37

满意答案

先把 https://gitee.com/dayrui/xunruicms/commit/29ad62fcdda70ce78dedaf04f3ab85410bd36467覆盖试试，覆盖了应该就可以了，不行就写css就可以，不会写你可以加我，我帮你写1191892256
迅睿粉丝 #4 · 2020-03-13 16:02:14
```
<style>img{max-width:100%!important}</style>
```
如果你真是前端设计的话，你应该知道哪个适合你！
迅睿粉丝 #5 · 2020-03-13 16:06:39

www.18html.com 感谢回复。现在的问题不是单个页面能否自适应，而是在程序层面，在插件层面，让其自动处理好，自适应。而不是每次增加图片时，还要手动在img里面写一些参数。
迅睿粉丝 #6 · 2020-03-13 16:10:42

Sam Peng你说的是前端显示？还是后台上传的时候啊？并不是单个页面啊，你直接把这个样式放到全局CSS文件里，就自动全部适应了！
迅睿粉丝 #7 · 2020-03-13 16:14:23

www.18html.com 后台上传自适应己经解决，此处说的是前端显示。找了好多资料，都解决不了。像编辑器这种在发表文章时必用的功能，其它人都没有遇到我这种情况吗？难道大家的图片都能自动自适应？
迅睿粉丝 #8 · 2020-03-13 16:14:55

Sam Peng来嘛，你把你的页面发出来，我给你看
迅睿粉丝 #9 · 2020-03-13 22:57:24

回复迅睿框架创始人感谢回复及协助，三个文件都做了更新，还是无法自适应宽度，不能是否原因。编辑框图片不能自适应的问题，应该是所有的共同的问题，为什么只有我在提问呢？难怪是我这边程序的问题。
迅睿粉丝 #10 · 2020-03-13 22:57:27

回复迅睿框架创始人感谢回复及协助，三个文件都做了更新，还是无法自适应宽度，不能是否原因。编辑框图片不能自适应的问题，应该是所有的共同的问题，为什么只有我在提问呢？难怪是我这边程序的问题。
迅睿粉丝 #11 · 2020-03-13 22:58:21

www.18html.com 就是上传图片的时侯，后台没有加上witth的参数，导致图片溢出。
迅睿粉丝 #12 · 2020-03-13 23:05:49

因为你指望程序全帮你做完！css懂吧？不懂的话正则表达式懂吧？宽度不是只有上传来设定宽度溢出是最基础的问题
迅睿粉丝 #13 · 2020-03-13 23:09:45

编辑器图片前端自适应的问题，应该是程序封装时就解决的，怎么会轮到用户自己来解决呢？真令人沮丧.希望只是我个人遇到的问题，相应迅睿的小伙伴不会留下这个几乎每篇文章都要用到这个功能的小bug，难不成大家的文章都不用图片，都全文字？
迅睿粉丝 #14 · 2020-03-13 23:18:28

真无语，哈哈，还以为你标注的前端设计是真的呢，原来是什么都不懂！
迅睿粉丝 #15 · 2020-03-13 23:24:21

www.18html.com 哈哈，什么都懂一点，但也什么都半桶水。请大牛协助，困扰我3天了，我的时间啊。只希望尽快解决就好。
迅睿粉丝 #16 · 2020-03-13 23:29:43

www.18html.com 我的问题点不是无法解决前的显示问题，而是说不希望手动来做这件事情，是后台编辑器在添加图片时，就应该加上width参数，以便前端显示时能自适应。因为如果把文章更新，图片增加的问题给到编辑人员来进行时，她们可不会修改编辑器中的代码，只是加插入图片而己。这个问题更多的是程序层面的问题，不是前端的问题。
迅睿粉丝 #17 · 2020-03-13 23:30:09

解决方法已经在上面了，连css是什么都不懂那我也很无奈！爱莫能助！
迅睿粉丝 #18 · 2020-03-13 23:31:39

编辑器在增加图片时，就应该PC与移动均自适应，难道不是这样吗？还是那句话，希望我的理解是错的，希望大家不要遇上这样的问题。
迅睿粉丝 #19 · 2020-03-13 23:31:46

上面的方法并不是单个修改图片的方法！好了，不说了，睡觉！
迅睿粉丝 #20 · 2020-03-13 23:35:12

www.18html.com 我是一个超10年的站长了，谈不上精通，但也不是小白啦。即使大家告诉我，把width标签加到全局CSS，我想问的是，问什么这个问题要轮到我来问呢？大家不用编辑器吗？这不是每天都要处理的事情吗？迅睿要到这个时间才发现这个问题？
迅睿粉丝 #21 · 2020-03-13 23:37:12

www.18html.com Anyway,谢谢！可能是我的问题，我再找找方法吧。
迅睿粉丝 #22 · 2020-03-13 23:43:02

回复迅睿框架创始人己经安装了更新包，图片前端自适应的问题还是无法解决，求协助~
迅睿粉丝 #23 · 2020-03-14 08:28:25

@琉惗：找到文章页图片部份相应的CSS，在img标签中增加max-width:100%之后解决。感谢协助。