KindEditor 4.x 在线编辑器常用方法小结

script type="text/javascript">
$(function(){
var editor = KindEditor.editor();
$('#filemanager').click(function() {
editor.loadPlugin('filemanager', function() { //加载插件
editor.plugin.filemanagerDialog({
viewType : 'VIEW', //显示方式，有两种分别是VIEW（缩略图）和LIST（详细信息）
dirName : 'image',
//选择查看的指定文件夹下的文件【包括子目录下的文件】，默认只能是image,flash,media,file四种，如需添加自定义文件夹，可修改例如：asp/file_manager_json.asp文件第40行。
clickFn : function(url, title) { //选择玩文件后执行下面的代码
$('#url').val(url);
editor.hideDialog(); //隐藏浏览服务器对话框
}
});
});
});
});
/script>

script type="text/javascript">
$(function(){
var uploadbutton = KindEditor.uploadbutton({
button : KindEditor('#upload'), //注意此处，不能使用jQuery的$
fieldName : 'imgFile', //不要修改
url : '../Editor/asp/upload_json.asp?dir=file',
//上传处理程序页面，dir参数有四种:flash,media,file,其他（图片），上传后缀限制可修改程序页面代码，如：upload_json.asp
afterUpload : function(data) {
if (data.error === 0) {
var url = KindEditor.formatUrl(data.url, 'absolute');
$('#url').val(url);
} else {
alert(data.message);
}
},
afterError : function(str) {
alert('上传发送错误！');
//如果需要显示错误信息，可设置如alert('发生错误：'+str);，如不需显示可将上面str删除
}
});
uploadbutton.fileBox.change(function(e) {
uploadbutton.submit();
});
});
/script>

script type="text/javascript">
$(function(){
var editor = KindEditor.editor({
allowFileManager : true //允许选择已上传的图片
});
$('#image').click(function() {
editor.loadPlugin('image', function() {
editor.plugin.imageDialog({
imageUrl : $('#url').val(),
clickFn : function(url, title, width, height, border, align) {
$('#url').val(url); //可使用其他参数。
editor.hideDialog();
}
});
});
});
});
/script>