ueditor上传视频控件,如何获得上传文件的路径?
2015-10-21 13:46
645 查看
到ueditor.all.min.js文件中,定位到b.execCommand("inserthtml",g.join(""),!0);这个语句,
并在这个语句后面添加 b.fireEvent('afterUpVideo',k); 同时在我们的业务代码中写上监听事件,如下:
_editor.addListener('afterUpVideo', function (t, arg) { //侦听视频上传
console.debug(arg);
//在 b.execCommand("inserthtml",g.join(""),!0);
//添加 b.fireEvent('afterUpVideo',k);
})
me.commands["insertvideo"] = {
execCommand: function (cmd, videoObjs, type){
videoObjs = utils.isArray(videoObjs)?videoObjs:[videoObjs];
var html = [],id = 'tmpVedio', cl;
for(var i=0,vi,len = videoObjs.length;i<len;i++){
vi = videoObjs[i];
cl = (type == 'upload' ? 'edui-upload-video video-js vjs-default-skin':'edui-faked-video');
html.push(creatInsertStr( vi.url, vi.width || 420, vi.height || 280, id + i, null, cl, 'image'));
}
me.execCommand("inserthtml", html.join(""), true);
me.fireEvent('afterUpVideo', videoObjs); //zgyuan add on 2015-10-21
var rng = this.selection.getRange();
for(var i= 0,len=videoObjs.length;i<len;i++){
var img = this.document.getElementById('tmpVedio'+i);
domUtils.removeAttributes(img,'id');
rng.selectNode(img).select();
me.execCommand('imagefloat',videoObjs[i].align)
}
},
queryCommandState : function(){
var img = me.selection.getRange().getClosedNode(),
flag = img && (img.className == "edui-faked-video" || img.className.indexOf("edui-upload-video")!=-1);
return flag ? 1 : 0;
}
};
};
并在这个语句后面添加 b.fireEvent('afterUpVideo',k); 同时在我们的业务代码中写上监听事件,如下:
_editor.addListener('afterUpVideo', function (t, arg) { //侦听视频上传
console.debug(arg);
//在 b.execCommand("inserthtml",g.join(""),!0);
//添加 b.fireEvent('afterUpVideo',k);
})
me.commands["insertvideo"] = {
execCommand: function (cmd, videoObjs, type){
videoObjs = utils.isArray(videoObjs)?videoObjs:[videoObjs];
var html = [],id = 'tmpVedio', cl;
for(var i=0,vi,len = videoObjs.length;i<len;i++){
vi = videoObjs[i];
cl = (type == 'upload' ? 'edui-upload-video video-js vjs-default-skin':'edui-faked-video');
html.push(creatInsertStr( vi.url, vi.width || 420, vi.height || 280, id + i, null, cl, 'image'));
}
me.execCommand("inserthtml", html.join(""), true);
me.fireEvent('afterUpVideo', videoObjs); //zgyuan add on 2015-10-21
var rng = this.selection.getRange();
for(var i= 0,len=videoObjs.length;i<len;i++){
var img = this.document.getElementById('tmpVedio'+i);
domUtils.removeAttributes(img,'id');
rng.selectNode(img).select();
me.execCommand('imagefloat',videoObjs[i].align)
}
},
queryCommandState : function(){
var img = me.selection.getRange().getClosedNode(),
flag = img && (img.className == "edui-faked-video" || img.className.indexOf("edui-upload-video")!=-1);
return flag ? 1 : 0;
}
};
};
相关文章推荐
- ecshop后台编辑器替换成ueditor编辑器
- 关于UEditor编辑器远程图片上传失败的解决办法
- php项目中百度 UEditor 简单安装调试和调用
- ThinkPHP整合百度Ueditor图文教程
- ThinkPHP中使用Ueditor富文本编辑器
- .NET UEditor使用方法说明
- ASP.NET中集成百度编辑器UEditor
- 百度编辑器ueditor前台代码高亮无法自动换行解决方法
- UEditor编辑文章出现多余空行问题的解决办法
- 百度ueditor组件上传图片后如何设置img里的alt属性
- UEditor 编辑器跨域上传解决方法
- 免费开源百度编辑器(UEditor)使用方法
- ueditor编辑器不能上传图片问题的解决方法
- Django集成百度富文本编辑器uEditor攻略
- FreeEast每日构建版3月10日更新日志
- ueditor 1.4.3 JSP 配置
- [软件资讯]百度发布富文本开源编辑器UEditor
- wordpress3.5集成百度UEditor教程
- ueditor1.4.3 jsp版在ssh下的配置
- 修复ecshop后台部署Ueditor页面加载报错问题!