ueditor 控制上传图片的显示尺寸

使用UEditor的编辑框插入图片的时候,如果图片尺寸比较大,则图片会超出编辑器边框出现滚动条,特别不方便。

解决办法:在ueditor 的 themes 文件夹下有个iframe.css 文件,在该文件中添加如下代码即可解决(本人亲测):

img {
 max-width: 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%;
}  
时间: 2024-08-29 20:23:47

ueditor 控制上传图片的显示尺寸的相关文章

dedecms整合百度编辑器(Ueditor)之上传图片加水印的办法

Ueditor抓取远程图片加水印方法 打开getRemoteImage.php, 找到://远程抓取图片配置 在上面添加: require_once('../../../dede/config.php');//dede为你的后台目录 require_once(DEDEADMIN."/inc/inc_archives_functions.php"); 继续修改getRemoteImage.php, 找到: fwrite( $fp2 , $img ); 在下面添加: @WaterImg($

为百度UEDITOR编辑器上传图片添加水印

form:http://www.uphtm.com/php/255.html UEDITOR编辑器上传图片是自动提取的,但是图片没有水印功能,下面小编和各位一起来看看. UEditor编辑器没有上传图片加水印的功能,需要进行二次开发,本例是在PHPCMS系统中对百度编辑器进行二次开发,添加上传图片加水印功能. 首先打开UEditor编辑器文件目录的php文件夹,打开Uploader.class.php,把PHPCMS添加水印的方法复制过来,加到这个类所有成员方法最后面,然后进行修改如下: //图

教你如何调用百度编辑器ueditor的上传图片、上传文件等模块

出于兴趣爱好,前段时间自己尝试写了一个叫simple的cms,里面使用了百度ueditor编辑器,发现它的多图片上传模块很不错,用起来很方便,又可以选择已经上传好的图片.正好我又是个懒人,发现有现成的自己就不想新开发了.于是我就想,是不是可以调用这个上传模板为自己所用呢? 有了这个想法后,我就到网上查阅资料,可惜资料少的可怜,都不能很好解决我的问题.于是觉得还是自己动手丰衣足食,皇天不负苦心人,终于摸索出解决方法,现在分享出来,和自己有同样想法的小伙伴. 代码如下: <html> <he

UEditor中上传图片的步骤

1. 找到ueditor中ueditor.config.js 修改serverUrl属性值,    serverUrl: URL + "jsp/controller.jsp"        toolbars定义的是编辑器里显示的button 按钮组     2. 将ueditor/jsp中lib下的jar拷贝到WEB--INF下的lib下ueditor.config.js中的controller.jsp才可以用.   3.更改ueditor/1.4.3/dialogs/image下im

UEditor编辑器上传图片开发流程

在ueditor目录下找到uedior.config.js,找到如下三行: ,imageUrl: "<%=path %>/servlet/UploadServlet" //图片上传提交后台对应的地址 ,imagePath: "<%=path %>/ueditor/" //图片在服务器上的存储目录 ,imageFieldName: "upload" //后台对应接收image的参数名 或者: var ueditor = UE

帝国cms更换Ueditor编辑器上传图片加水印

Ueditor安装包,里面有个/php/文件夹,找到Uploader.class.php,这是通用上传类文件找到private function upFile(),这是上传文件的主处理方法,找到122行:$this->stateInfo = $this->stateMap[0]; ,在这个下面加入:$this->imageWaterMark($this->filePath,9,'logo.png'); imageWaterMark是自定义的函数,在下面会讲到,$this->f

百度富文本编辑器UEditor自定义上传图片接口

如下图:  然后修改ueditor.all.js 

控制上传图片大小

图片上传问题:上传到服务器的图片建议压缩一下,因为iphone拍出的照片比较大,如果直接上传无论是上传还是下载都比较慢而且费流量,体验不好. 具体思路如下: 先调整分辨率,分辨率可以自己设定一个值,大于的就缩小到这分辨率,小余的就保持原本分辨率.然后在根据最终大小来设置压缩比,比如传入maxSize = 100k,最终计算大概这个大小的压缩比.基本上最终出来的图片数据根据当前分辨率能保持差不多的大小同时不至于太模糊,跟微信,微博最终效果应该是差不多的,代码仍然有待优化! //控制图片大小 - (

Ueditor无法上传图片异常

1.ueditor->themes->iframe.css 添加样式 2.Scripts中加入net文件夹(主要是因为解压后的Ueditor没有net文件夹)3.修改ueditor.config.js(serverUrl: URL + "net/controller.ashx")4.最新的ueditor1.4.3中注意修改net/config.json文件中imageUrlPrefix和imagePathFormat For Example:"imageUrlPr