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：

转载：感谢您对宁波网站建设博客网站平台的认可，以及对我们原创作品以及技术文章的青睐，非常欢迎各位朋友分享到个人站长或者朋友圈，但转载请说明文章出处“来源宁波网站建设博客”。/view/1134.html

很赞哦！ ()