宁波网站建设咨询:宁波网站建设
13780026116 宁波网站制作
网站公告
PHP技术
技术交流
网络推广
网站建设常见问答
殷雯动态
你的位置:首页> 新闻/观点 > 网站建设常见问答>ueditor上传图片最大宽度限定
网站建设常见问答
ueditor上传图片最大宽度限定

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%;}'+

以上代码测试有效!


点击:  1701    时间: 2019-02-20
上一条: 文化局在我公司文艺演出
下一条: 有关微信拦截网站的情况
 
 
快速通道: 关于我们    网站建设    主机域名    付款方式    我的声明
  
联系我们
手机扫描QQ
网站建设咨询:
咨询热线:
宁波殷雯网站建设工作室
地 址: 浙江省宁波市江东区
电 话: 13780026116 
邮 箱:
waichun@qq.com
宁波网站建设
宁波网站制作
13780026116
宁波殷雯网站建设工作室 版权所有   浙ICP备16030041号-1