您现在的位置是：首页 > 网站建设常见问答网站建设常见问答

ueditor上传图片最大宽度限定

2019-02-20【网站建设常见问答】2214 人已围观

简介百度ueditor基本上是我们网站管理系统后台常用的编辑器,最近一个手机项目里用到上传图片,发现图片宽度超过手机屏幕.解...

百度ueditor基本上是我们网站管理系统后台常用的编辑器,最近一个手机项目里用到上传图片,发现图片宽度超过手机屏幕. 解决办法在不修改ueditor的前提下, 小编的想法是使用css来限定

#编辑器ID img { max-width:100%}

但是测试好像无效.

//ueditor.all.js 找到render:function(container){}修改如下：、// 亲测好用

var html = ( ie && browser.version < 9  ? '' : '<!DOCTYPE html>') +
                    '<html xmlns=\'http://www.w3.org/1999/xhtml\' class=\'view\' ><head>' +
                    '<style type=\'text/css\'>' +
                    //设置四周的留边
                    '.view{padding:0;word-wrap:break-word;cursor:text;height:90%;}\n' +
                    //设置默认字体和字号
                    //font-family不能呢随便改，在safari下fillchar会有解析问题
                    'body{margin:8px;font-family:sans-serif;font-size:16px;}' +
                    //设置图片最大宽度，以免撑出滚动条
                'img{max-width:100%;}'+

以上代码测试有效!

关注宁波网站建设博客，更多精彩分享，敬请期待！

Tags：

很赞哦！ ()

上一篇：Thinkphp3.1.3验证码字符居中显示

下一篇：有关微信拦截网站的情况