分两步
1.ueditor 的 themes 文件夹下有个iframe.css 加入以下代码,设置样式,保存(原先的css文件是空的)
img { max-width: 330; /*图片自适应宽度,这里设置为宽330px,高度会等比例调整;也可设置成100% 根据实际需要来设置*/ } body { overflow-y: scroll !important; } .view { word-break: break-all; } .vote_area { display: block; } .vote_iframe { background-color: transparent; border: 0 none; height: 100%; } #edui1_imagescale{display:none !important;}
2.在ueditor.config.js内搜索 “themes/iframe.css” ,打开前面的注释双斜杠;第86行;使定义的样式生效
//,focus:false //初始化时,是否让编辑器获得焦点true或false //如果自定义,最好给p标签如下的行高,要不输入中文时,会有跳动感 //,initialStyle:'p{line-height:1em}'//编辑器层级的基数,可以用来改变字体等 ,iframeCssUrl: URL + '/themes/iframe.css' //给编辑区域的iframe引入一个css文件 //indentValue //首行缩进距离,默认是2em //,indentValue:'2em'
重启服务,清除浏览器缓存(十分重要,不然你会怀疑自己),编辑框效果如下:
简单的一个功能,网上搜到的资源坑太多了,留个记录吧。
标签:ueditor,文本编辑,iframe,themes,设置,上传,css From: https://www.cnblogs.com/slowcity/p/17090258.html