百度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%;}'+
以上代码测试有效!