新闻动态

   

您现在的位置是:首页 » 新闻动态 » 网站技术


kindeditor编辑器4.x 上传控件同一个页面调用多次的方法。


人气: 5503  日期: 2013-11-27  作者: 大向网络  [打印本文]

kindeditor编辑器确实是不错,如今已经出到了4.x了,他的图片上传插件我很喜爱,一般情况下一个页面也就一个上传,像是产品封面啊什么的。但是今天遇到个情况要上传2张图片到2个表单内,一开始以为代码复制下改改就好了,结果放进去以后打死第二个不能弹出图片。先看下原来的代码

<link rel="stylesheet" href="kindeditor/themes/default/default.css" />
<link rel="stylesheet" href="kindeditor/plugins/code/prettify.css" />
<script charset="utf-8" src="kindeditor/kindeditor.js"></script>
<script charset="utf-8" src="kindeditor/lang/zh_CN.js"></script>
 
 <script>
 //加载编辑器的弹窗文件上传
KindEditor.ready(function(K) {
var editor = K.editor({
uploadJson : 'kindeditor/asp/upload_json.asp',
       fileManagerJson : 'kindeditor/asp/file_manager_json.asp',
allowFileManager : true,
afterBlur: function(){this.sync();}
});
K('#insertfile').click(function() {
editor.loadPlugin('insertfile', function() {
editor.plugin.fileDialog({
fileUrl : K('#FileUrl').val(),
clickFn : function(url, title) {
K('#FileUrl').val(url);
editor.hideDialog();
}
});
});
});

K('#insertfile2').click(function() {
editor.loadPlugin('insertfile2', function() {
editor.plugin.fileDialog({
fileUrl : K('#SmallPic').val(),
clickFn : function(url, title) {
K('#SmallPic').val(url);
editor.hideDialog();
}
});
});
});
});




</script>

-------------------------------------分割线----------------------------------------------------

下面是正确的代码


<link rel="stylesheet" href="kindeditor/themes/default/default.css" />
<link rel="stylesheet" href="kindeditor/plugins/code/prettify.css" />
<script charset="utf-8" src="kindeditor/kindeditor.js"></script>
<script charset="utf-8" src="kindeditor/lang/zh_CN.js"></script>
 
 <script>
 //加载编辑器的弹窗文件上传
KindEditor.ready(function(K) {
var editor = K.editor({
uploadJson : 'kindeditor/asp/upload_json.asp',
       fileManagerJson : 'kindeditor/asp/file_manager_json.asp',
allowFileManager : true,
afterBlur: function(){this.sync();}
});
K('#insertfile').click(function() {
editor.loadPlugin('insertfile', function() {
editor.plugin.fileDialog({
fileUrl : K('#FileUrl').val(),
clickFn : function(url, title) {
K('#FileUrl').val(url);
editor.hideDialog();
}
});
});
});

K('#insertfile2').click(function() {
editor.loadPlugin('insertfile', function() {
editor.plugin.fileDialog({
fileUrl : K('#SmallPic').val(),
clickFn : function(url, title) {
K('#SmallPic').val(url);
editor.hideDialog();
}
});
});
});
});




</script>

看下红色字体的地方 跟上面错误的代码对比下,知道原因是什么了吧。红色内的insertfile他并不是指的下面button的ID原来这是编辑器预先已经定义好的。


  上一篇:sql server日志已满的处理方法
  下一篇:html5自带得表单验证代码 做验证再也不用那么复杂了
相关文章(Tags:kindeditor,编辑器)