宁波网站建设咨询:宁波网站建设
137 8002 6116 宁波网站制作
首页
关于殷雯
网站建设
新闻/观点
网站案例
联系我们
殷雯动态
网站建设常见问答
网络推广
技术交流
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%;}'+

以上代码测试有效!


点击:  69    时间: 2019-02-20
上一条: Thinkphp3.1.3验证码字符居中显示
下一条: 有关微信拦截网站的情况
 
 
 
快速通道: 关于我们    网站建设    主机域名    付款方式    我的声明
  
联系我们
手机扫描QQ
网站建设咨询:
咨询热线:
宁波殷雯网站建设工作室
地 址: 浙江省宁波市江东区
电 话: 137 8002 6116 
邮 箱:
330436190@qq.com
宁波网站建设
宁波网站制作
137 8002 6116
宁波殷雯网站建设工作室 版权所有