曾经用UEditor的单独的图片上传功能。
当然网上也有很多,但是不得不说,基本上都只是针对火狐和chrome的,在ie在基本都是运行不了的
曾经我也试图去兼容IE但是,找了很多方法,最终都是不得不面对IE的bug.
于是我认为这个UEditor是不能兼容ie的。只到一年以后,一次偶然的机会再次用到ue.
这一次认真去去看来ue的源码,原来网上的一些朋友提供的代码是有问题,于是改之,发现一起如此简单。
个人对代码进行了一些封装,希望能作为一个工具类,下次方便调用:
/*
* 配置:
* 1. 修改ueditor.config.js 中的路径
* 2. 添加ueditor.jar 和commons-fileupload-1.2.2.jar 到lib更好
* 3. 如果为strut2集成,则需要添加过滤器继承原有的过滤器,对imageUp.jsp进行过滤
* 4. 如果单独使用工具类,则建议使用script的方式,不要使用input
* 如下:
* <input id="upload" type="text" value=""/>
<script id="myeditor"></script>
<span id="image">ddd</span>
单独使用时,不用渲染,获取editor即可。否则在ie会出问题。
5. 如果只需要渲染,则直接调用render方法即可。
* UEditor单独图片上传工具类
*/
(function($){
var image = {
editor:null,
init:function(editorid,keyid){
var _editor =this.getEditor(editorid);
_editor.ready(function () {
_editor.setDisabled();
_editor.hide();
_editor.addListener('beforeInsertImage', function (t, args) {
$("#"+keyid).val(args[0].src);
});
});
},
getEditor:function(editorid){
this.editor = UE.getEditor(editorid);
return this.editor;
},
show:function(id){
var _editor = this.editor;
//注意这里只需要获取编辑器,无需渲染,如果强行渲染,在IE下可能会不兼容(切记)
//和网上一些朋友的代码不同之处就在这里
$("#"+id).click(function(){
var image = _editor.getDialog("insertimage");
image.render();
image.open();
});
},
render:function(editorid){
var _editor = this.getEditor(editorid);
_editor.render();
}
};
$(function(){
image.init("myeditor","upload");
image.show("image");
});
})(jQuery);
而html只需要如此:
<input id="upload" type="text" value=""/>
<script id="myeditor"></script>
<span id="image">ddd</span>
分享到:
相关推荐
Ueditor 单独上传功能Ueditor 单独上传功能Ueditor 单独上传功能
百度UEditor编辑器!合入PHP网站!.pdf
前后端分离 解决ueditor上传图片时的跨域问题 自定义图片上传插件,文件服务器与富文本可以单独部署
ueditor跨域图片上传ueditor跨域图片上传ueditor跨域图片上传ueditor跨域图片上传ueditor跨域图片上传ueditor跨域图片上传ueditor跨域图片上传
在html中放置编辑器,隐藏编辑器,因为不会用到这个编辑器实例,所以要隐藏.
基于springboot完整的实现了ueditor前后台的代码,只要你稍微了解一点ueditor就可以了,下来后直接导入开发工具中运行就行了
百度的UEditor 修改图片上传路径版,主要是修改保存路径到项目根目录外面
ueditor上传图片到ftp...
前天我项目中要用到文本编辑,然后看大家都在使用ueditor ...如图片无法显示、图片上传后插入文本中无法显示、 在线管理中的图片无法显示等问题。发现网上的资料都不完整,现整理了下,后期会上传项目代码方便大家参考
ueditor上传图片到阿里云服务器,找了好多资料终于可以把本地图片转换到阿里云上。 ueditor上传图片到阿里云服务器,找了好多资料终于可以把本地图片转换到阿里云上。
在wwwroot/lib/ueditor里面 页面你是可以随便改的必要的留着就行 web项目里资源文件中ueditor.config.js里面的统一的请求路径前面必须加上图片服务器的路经 以上面为例http://127.1.1.1:80/api/UEditor 记得添加...
ueditor.all.min.js
真正解决百度编辑器UEditor上传图片跨域问题 真正解决百度编辑器UEditor上传图片跨域问题 真正解决百度编辑器UEditor上传图片跨域问题
具体使用方法参考下文 https://blog.csdn.net/china574512989/article/details/76260172
uEditor上传图片并保存为原文件名,参照了网上的,原本是不能保存为原文件名的。
百度ueditor上传图片超范围后有两个问题,一是编辑器里图片显示不完整,二是添加图片后的网页在显示时也会超出网页不好看。想让它自适应100%,网上的方案能解决第一个问题,基本没有第二个问题的方案,经过多次测试...
一直没招到最新版的jsp demo 花了点时间自己琢磨下 给大家分享下
修复div自动转为P标签,修复使用enter会出现<p><br/>,修复li自动套P标签,去除html源码过滤规则,修复图片太长超出屏幕等
百度ueditor上传图片超范围后有两个问题,一是编辑器里图片显示不完整,二是添加图片后的网页在显示时也会超出网页不好看。想让它自适应100%,网上的方案能解决第一个问题,基本没有第二个问题的方案,经过多次测试...
UEditor 配置文件说明,上传图片集成struts2配置,详见博客: http://blog.csdn.net/omsvip/article/details/23271167