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

使用UEditor的编辑框插入图片的时候,如果图片尺寸比较大,则图片会超出编辑器边框出现滚动条,特别不方便. 解决办法:在ueditor 的 themes 文件夹下有个iframe.css 文件,在该文件中添加如下代码即可解决(本人亲测): img { max-width: %; /*图片自适应宽度*/ } body { overflow-y: scroll !important; } .view { word-break: break-all; } .vote_area { display:…
今天使用Ueditor编辑器上传图片一直出问题,在网上找了多种方法,最后总结如下: Ueditor编辑器是百度开发的编辑器,要在jsp页面添加Ueditor编辑器,需要以下几步: (1)到 http://ueditor.baidu.com/website/download.html 下载jsp版本的,解压后放到项目webContent目录下: (2)将jsp/lib下的五个包添加到WEB-INF/lib下,注意,有不同版本包冲突的,删除原本存在的jar包. (3)在所要添加的jsp页面添加以下代…
百度编辑器ueditor批量上传附件时,上传后的文件和实际文件名称错误,比如实际是文件名“dongcoder.xls”,上传后可能就成了“懂客.xls”.原因就是,上传文件时是异步上传,同时进行,导致上传完成的顺序和实际的顺序可能是不一样的,文件都有大小的不同.这是百度编辑器ueditor的一个BUG. 我的百度编辑器版本:1.4.3 修改文件可以解决,相应文件:ueditor\dialogs\attachment\attachment.js 大约在506行处,将原来的“_this.fileLi…
出于兴趣爱好,前段时间自己尝试写了一个叫simple的cms,里面使用了百度ueditor编辑器,发现它的多图片上传模块很不错,用起来很方便,又可以选择已经上传好的图片.正好我又是个懒人,发现有现成的自己就不想新开发了.于是我就想,是不是可以调用这个上传模板为自己所用呢? 有了这个想法后,我就到网上查阅资料,可惜资料少的可怜,都不能很好解决我的问题.于是觉得还是自己动手丰衣足食,皇天不负苦心人,终于摸索出解决方法,现在分享出来,和自己有同样想法的小伙伴. 代码如下: <html> <he…
在ueditor目录下找到uedior.config.js,找到如下三行: ,imageUrl: "<%=path %>/controller.json" //图片上传提交后台对应的地址,路径固定为*/controller.* ,imagePath: "<%=path %>/ueditor/" //图片在服务器上的存储目录 ,imageFieldName: "upload" //后台对应接收image的参数名 或者: va…
百度ueditor编辑器虽然强大,但是也有不足的地方.如果对ueditor流程不是很熟悉可以说走的弯路比较多,费力不讨好.下面呢,就是要解决ueditor遇到的问题. 用ueditor上传图片遇到的问题是服务器错误 虽然上传成功但是服务器返回出错,对于没有经验或者是初学者都回去百度搜,结果不是很理想.而且越走越偏. 第一步:修改路径文件config.json /* 前后端通信相关的配置,注释只允许使用多行方式 */ { /* 上传图片配置项 */ "imageActionName":…
默认情况下Ueditor图片上传的保存路径是在/ueditor/net/upload/目录下,(如:http://localhost/ueditor/net/upload/123.png), 但是有时我们只想保存在项目的根目录下的upload文件夹中(http://localhost/upload/123.png),或者图片服务器中,这时就不得不修改路径了. ueditor文件结构: 一.修改config.json文件: /* 上传图片配置项 */ "imageActionName":…
Ueditor安装包,里面有个/php/文件夹,找到Uploader.class.php,这是通用上传类文件找到private function upFile(),这是上传文件的主处理方法,找到122行:$this->stateInfo = $this->stateMap[0]; ,在这个下面加入:$this->imageWaterMark($this->filePath,9,'logo.png'); imageWaterMark是自定义的函数,在下面会讲到,$this->f…
1.配置ueditor/editor_config.js文件,将 //图片上传配置区 ,imageUrl:URL+"net/imageUp.ashx" //图片上传提交地址 ,imagePath:URL + "net/" //图片修正地址,引用了fixedImagePath,如有特殊需求,可自行配置 修改为 //图片上传配置区 ,imageUrl:URL+"net/imageUp.ashx" //图片上传提交地址 ,imagePath:"…
ASP.NET MV4下,使用UEditor1.4.3最新版本,网址就不说了,去百度官网下载即可,关于在Controler下如何配置,直接上图: 然后再Views下面来个页面引用如下:     <!-- ueditor配置文件 -->     <script type="text/javascript" charset="utf-8" src="../../Content/ueditor/ueditor.config.js"&g…
最近使用uploadify 控制图片上传到百度网盘....总的想法是 招待会uploadify获取文件传入后台,调用百度云存储api上传到百度网盘,返回url 联系.送存储在数据库中的链接.因此,我们有一个数据库,这只是url  真正的文件保存在百度云存储这,常好用.这一个业务流程用到了uploadify 控件和百度云存储. 流程例如以下:首先下载uploadify 包 这个不同文件混在一起还没有分开. .功能先实现再说... 前台jsp页面例如以下: <%@ page language="…
UEditor图片与附件上传官方只支持ASP.ASP.NET.JSP.PHP四种语言版本,Golang就不在其中.因为自己开发系统的需要,我照着UEditor服务器端的接口自己实现了一个Golang版本的,支持图片上传.图片管理.附件上传.附件管理四个功能. 代码我放在了github上面: https://github.com/aspwebchh/ueditor-for-go 使用时将代码引入自己的项目,需要修改两处配置 第一,项目种有一个 config_ue.xml 文件 <?xml vers…
来源:https://www.cnblogs.com/lhm166/articles/6079973.html 说到百度富文本编辑器ueditor(下面简称ue),我不得不给它一个大大的赞.我们在网站建设.前端开发时,网站的内容管理就使用了它.对于它的多图片上传和附件上传,个人感觉很好用,我就琢磨着是否可以外部调用多图上传和附件上传组件为自己所用,并封装成一个插件,节省单独开发的成本. 有了这个想法后,着手操作,理下实现思路,得出实现的关键在于监听这两个组件在编辑器里的插入动作.打开源码,苦心研…
如下图:  然后修改ueditor.all.js   …
1 <script type="text/plain" id="upload_ue"></script> 2 <script type="text/javascript"> //重新实例化一个编辑器,防止在上面的editor编辑器中显示上传的图片或者文件 var _editor = UE.getEditor('upload_ue'); _editor.ready(function () { //设置编辑器不可用…
最近因为需求所以在ssh项目中使用了Ueditor富文本插件,但是在上传图片的时候总是提示“未找到上传数据”,之后百度了好久终于弄明白了.因为Ueditor在上传图片的时候会访问controller.jsp,去获取图片上传路径,但是我之前在项目的web.xml配置了struts拦截器为<url-pattern>/*</url-pattern>,所以这就导致了在上传图片时Ueditor被拦截器拦截掉,从而获取不到图片上传路径,自然也就会报错了. 现在知道错误原因了,接下来就要解决问题…
晚上,在继续开发BriefCMS,把百度UEditor上传图片的问题,给解决了,终于解决了. 公司极简版CMS.BriefCMS.个人官网,最近2个月,与百度UEditor厮杀了好久.最值得吐槽的,就是百度UEditor的上传图片功能,感觉不够简便. 百度UEditor官方,在JSP场景下的应用,太简单了.对我以前写的项目来说,还可以. 对于最近的3个项目来说,就不灵活了. 因为,图片存储.controller.jsp都不是存储在webapps目录下,不能直接访问,都需要做映射. 无论是JSP.…
网站的文章,通过运营平台来发布文章(图文消息),上传图片等.百度Ueditor比较成熟就采用了该技术,另外上传的图片是网站系统以及运营平台系统共享的,所以考虑搭建独立的图片服务器,以后也可以提供给公司其他服务使用,当做单独的文件服务器. 1.Ueditor接入 关于Ueditor的接入,资料很多,我主要参考了:http://blog.csdn.net/Amayadream/article/details/47285209等博客,官网:http://fex.baidu.com/ueditor/.…
(注册和建立存储空间就不介绍了,网上一把一把的资料,自己试着点点也能明白) 作为一个成熟的菜鸟,如果遇到一个新问题,第一步当然是先百度一下... 看了N个关于七牛云的使用的帖子,表示还是蒙圈的,看懂了一部分,但是不系统,理解的不连贯,作为一个凡是要弄个特别明白的死脑筋,于是开始从头看是研究文档....(以下都是来自http://developer.qiniu.com/article/index.html#quickstart,经过个人精简,如有不明,详情请参阅文档) 先弄明白原理,才能更好的看懂…
UEditor文档http://fex.baidu.com/ueditor/Ueditor 前后端数据交互 http://blog.csdn.net/bobo_93/article/details/51079835UEditor 使用调试过程 http://blog.csdn.net/lishuai1028/article/details/51481161百度UEditor开发案例(JSP)http://www.cnblogs.com/zhwl/p/3582773.htmlUeditor配置及在…
0.写在前面的话 如何实现微信平台后台管理中的,图文消息发送功能? 大概的过程如下: 通过类似表单的形式,将文章各部分内容提交到后台,封装成一个实体类,并持久化到数据库中 需要推送的时候,将不同的文章选择取出交给后台,由后台组装成规范化的数据结构,调用微信的图文消息素材上传和群发接口 其中文章的主体部分,我们采用UEditor富文本编辑器 本文主要针对模拟表单的图片上传,以及结合UEditor进行图文内图片上传,进行重点说明.细节和具体代码流程就不再详细展开了. 参考链接: asp.net微信开…
网页编程中在线编辑器的使用还是很重要的,最近研究了一下百度出的UEditor编辑器,把它结合到刚学的asp.netMVC+EF中,同时实现上传资料(包括图片,视频等)功能,下面就以一个最简单的新闻管理为例介绍一下UEditor在MVC4中的使用. 一.下载最新的UEditor版本,下载地址:http://ueditor.baidu.com/website/download.html,如图…
0.写在前面的话 如何实现微信平台后台管理中的,图文消息发送功能? 大概的过程如下: 通过类似表单的形式,将文章各部分内容提交到后台,封装成一个实体类,并持久化到数据库中 需要推送的时候,将不同的文章选择取出交给后台,由后台组装成规范化的数据结构,调用微信的图文消息素材上传和群发接口 其中文章的主体部分,我们采用UEditor富文本编辑器 本文主要针对模拟表单的图片上传,以及结合UEditor进行图文内图片上传,进行重点说明.细节和具体代码流程就不再详细展开了. 参考链接: asp.net微信开…
在学习的时候,项目中需要实现在Ueditor编辑器中将图片上传到云储存中,老师演示的是上传到又拍云存储,既然看了一遍,直接照搬不算本事,咱们可以依葫芦画瓢自己来动手玩玩其它的云存储服务. 现在云计算产品服务已经很普遍,市场产品也有很多选择,感兴趣的同学可以去搜索下云存储,这里我选择了阿里云的对象存储服务,他们叫做阿里云 OSS(Object Storage Service),实现之前我简单的说下几个概念,加深自己的理解 1.1.什么是云存储 云存储是在云计算(cloud computing)概念…
1. 从http://ueditor.baidu.com下载JSP版本的ueditor,注意GBK和UTF-8两种版本. 2. 在Web Project项目的WebRoot目录下新增thirdparts目录,然后将ueditor添加到thirdparts目录中. 3. 将ueditor_utf8目录下的jsp/lib目录中的jar包拷贝到项目的lib目录. 4. 修改ueditor.config.js文件,添加如下代码 window.UEDITOR_HOME_URL ="/thirdparts/…
1,ueditor官网下载:https://ueditor.baidu.com/website/download.html  下载相应的工具包和源码,ps:源码放到工程中 2,解压放到放到项目中,springboot工程创建不再描述过程,resources:下放config.json文件:resources/static/ueditor  放ueditor其他相关内容           3,整理pom.xml文件 <!--thymeleaf 模板 --> <dependency>…
jQuery UI框架 1.oschina开源社区-jQuery教程 2.jQuery PrimeUI(推荐) 3.弹出框.警告框.提示框.拖动支持.位置固定.选项卡切换 4.Bootstrap框架(推荐) 5.Bootstrap3.1.1DEMO 6.Bootstrap教程 随笔分类 - jQuery   js分页页码算法 摘要: function get_hs_page(cur_page, total_page) { var result = ""; for(var i = 1;…
日前项目需要在移动端增加富文本编辑,上网找了下,大多数都是针对pc版的,不太兼容手机,当然由于手机屏幕小等原因也限制富文本编辑器的众多强大功能,所以要找的编辑器功能必须是精简的. 找了好久,发现qeditor比较精简,操作简单,唯一缺点是上传图片时只能填写url,不能直接从手机上传. 针对这点,自己决定动手修改. 修改思路: 1.创建文件上传输入框 2.点击编辑器上传图片按钮时,触发文件输入框点击事件 3.选择图片后异步上传至服务器,返回图片路径 4.编辑器插入img标签,显示图片 以下是修改过…
app.js的GitHub地址:用力戳我然后点个star 说个题外话,THINKPHP是通过一个index.php来引入文件,所以被称为接口文件. 而NodeJS也有这样的接口文件,通常也会放在根目录作为网站的接口文件,主要用途不是用来写业务逻辑的,而是用来写引用文件和引用请求事件. 而我的app.js的结构设计是这样的: 第一部分:引用包 第二部分:百度Ueditor的上传图片 第三部分:请求设置 第一部分:引用包 因为引用的库是express,所以第一步就是引入express.然后调用exp…
Spring简介 SpringMVC和Struts2一样都是属于表现层的框架,将前段发出的请求分发给对应的后端处理器即Controller 处理流程 用户请求被前端控制前拦截,然后根据对应的拦截路径去处理器映射器中寻找对应的Handler,然后通过处理器适配器执行指定的Handler处理器适配器会将执行后的结果返回给前端控制器,前端控制器选择对应的视图解析器渲染和解析视图,最后将结果相应给用户. 配置文件 web.xml 需要创建springmvc.xml文件放在根目录下,更改<param-va…