ueditor单独调用 图片 视频 文件的上传功能

 

 

var _editor;

$(function() {

//实例化editor

_editor = UE.getEditor('upload_ue');

 

_editor.ready(function () {

//设置编辑器不可用

_editor.setDisabled();

//隐藏编辑器，因为不会用到这个编辑器实例，所以要隐藏

_editor.hide();

 

//侦听图片上传,addlistener 注册的监听器名称自己随便取,后边会用到

_editor.addListener('myinsertImage', function (t, arg) {

$("#picture").attr("value", arg[0].src);

//图片预览

$("#preview").attr("src", arg[0].src);

})

//侦听文件上传，取上传文件列表中第一个上传的文件的路径

_editor.addListener('myupfile', function (t, arg) {

var files=$("#file").attr("value",arg[0].url);

})

_editor.addListener('myinsertvideo', function (t, arg) {

var videos=$("#video").attr("value",arg[0].url);

})

});

}); 

//弹出图片上传的对话框

function upImage() {

var myImage = _editor.getDialog("insertimage");

myImage.open();

 

}

//弹出文件上传的对话框

function upFiles() {

var myFiles2 = _editor.getDialog("attachment");

myFiles2.open();

 

}

 

function upVideo() {

var myFiles3 = _editor.getDialog("insertvideo");

myFiles3.open();

}

 

 

弹出相应的窗体

getDialog("insertvideo").open();

 

在ueditor\dialogs\相应的功能下\相应功能的js  下添加触发命令

video插入功能是这句 editor.execCommand('insertvideo', videoObjs, 'upload');

在他前面加上editor.fireEvent('你注册触发事件的名称', videoObjs);

 

 

 file插入功能是这句 editor.execCommand('insertfile', list);

在他前面加上editor.fireEvent('你注册触发事件的名称', list);

 

 

文件上传的目录在

config.json里的

 "imagePathFormat": "admin/ueditor/php/upload/image/{yyyy}{mm}{dd}/{time}{rand:6}" 里面设置。

 

 

 

在这里我要吐槽，ueditor官方没有给出单个调用的例子，他的API文档也没写getDialog().open();这些方法。感谢百度上其他的大神，根据他们的方法我才搞出来。

转载于:https://www.cnblogs.com/suchen07/p/7596792.html