关于百度编辑器UEditor中图片手机端自适应,手机端展示的图片超出屏幕的问题

百度编辑器中添加的图片在手机端不能自适应问题

做网站经常要用到百度编辑器，页面的渲染我们一般用{$content}来显示，这时候在手机端就会出现首先宽度过宽超过手机尺寸的问题，用max-width:100%;限制之后呢又会发现高度还是那么高，没有进行等比例缩放，找了下度娘下面列一下解决方法：
经过调试发现，<img>标签中的style就是影响移动端自适应的问题所在。将整个style删除后，既不会影响PC端图片大小，也会使自适应恢复。
百度编辑器呢会自动把添加的图片设置宽高属性，所以我们要把这两行代码干掉——找到js所在位置ueditor/ueditor/dialogs/image，找到image.js文件，打开编辑，第272行和279行分别设置了宽高属性，将其屏蔽即可style: "width:" + data['width'] + "px;height:" + data['height'] + "px;"
然后在页面稍加限制

<!DOCTYPE html>
<html>
   <head>
       <meta charset="utf-8" />
       <title></title>

关于百度编辑器UEditor中图片手机端自适应,手机端展示的图片超出屏幕的问题相关推荐

百度编辑器整合html,将百度编辑器(Ueditor)整合到dedecms中的方法
本文实例讲述了将百度编辑器(Ueditor)整合到dedecms中的方法,分享给大家供大家参考.具体分析如下: 现在百度编辑器感觉比dedecms自带的编辑器要强多了,这里就来给大家介绍替换dedec ...
解决：百度编辑器UEditor，怎么将图片保存到图片服务器，或者上传到ftp服务器的问题（如果你正在用UE，这篇文章值得你看下）
解决:百度编辑器UEditor,怎么将图片保存到图片服务器,或者上传到ftp服务器的问题(如果你正在用UE,这篇文章值得你看下) 参考文章: (1)解决:百度编辑器UEditor,怎么将图片保存到图片 ...
百度编辑器整合html,怎么把百度编辑器(Ueditor)整合到dedecms中
Ueditor整合dedecms步骤 1ueditor的下载安装到ueditor官网下载最新版的编辑器源码,下载地址:ueditor我下载的是[1.2.4.0 PHP 版本] 到dedecms的目录 ...
百度html在线编辑器插件,百度编辑器UEditor插件DjangoUeditor v1.8.143
DjangoUeditor将Ueditor封装为一个Django app,提供文件/图片等上传功能,提供UEditorField.UEditorWidget等封装类,简化Ueditor在Django中 ...
基于百度编辑器Ueditor的二次开发
基于百度编辑器Ueditor的二次开发官网下载基本配置简化后端配置,不请求后端配置项后端接口规范修改图片上传说明及修改新增按钮及弹窗(自定义附件上传) 按钮文案修改在业务开发的时候,曾 ...
百度编辑器ueditor使用
百度编辑器ueditor使用引入步骤: ueditor放到相应目录比如\blog\Public\admin 2.页面head中加入js <script type="text/ja ...
【转】百度编辑器UEditor
Ueditor 1.4.3 单独调用上传图片,或文件功能原文:https://www.cnblogs.com/sadkilo/p/5951336.html 第一步引入ueditor的js包第二步 ...
php百度编辑器精简版,开源web编辑器|百度编辑器ueditor下载1.4.3.4php版下载_久友软件下载...
百度编辑器ueditor是由百度官方推出的开源web编辑器.百度编辑器ueditor能支持用户在网页上进行内容编辑,软件体积十分的轻巧,完全免费开源,加载速度极快,兼容所有主流的浏览器使用,如:Moz ...
【百度编辑器ueditor】工具，如何去掉百度编辑器 ueditor 元素路径、字数统计等...
去掉如下截图: 在百度编辑器 ueditor 根目录下: ueditor.config.js 文件中搜索并将参数elementPathEnabled设置成false即可常用功能开关如下: ,ele ...

关于百度编辑器UEditor中图片手机端自适应,手机端展示的图片超出屏幕的问题

百度编辑器中添加的图片在手机端不能自适应问题

关于百度编辑器UEditor中图片手机端自适应,手机端展示的图片超出屏幕的问题相关推荐

最新文章

热门文章