论坛 Forum

经过探索，单独调用组件的方法是这样的

1、在页头加入一个新的控件模块。以下代码是上传文件的

<script>
KindEditor.ready(function(K) {
	var editor = K.editor({
						  
	uploadJson : 'k4/asp/upload_json.asp',
	//指定上传文件的服务器端程序
	fileManagerJson : 'k4/asp/file_manager_json.asp',
	//指定浏览远程图片的服务器端
	allowFileManager : true

	});
	K('#image').click(function() {
		editor.loadPlugin('image', function() {
			editor.plugin.imageDialog({
				imageUrl : K('#txt12').val(),
				clickFn : function(txt12, title, width, height, border, align) {
					K('#txt12').val(txt12);
					editor.hideDialog();
				}
			});
		});
	});
});
</script>   

注意：1、有两行，是指定上传调用的程序和显示的程序的，必须；2、代码中的txt12就是你想把上传文件的名称输入的文本框；3、image 是触发按钮名称
 

2、在正文任意位置，插入以下代码

 <input name="txt12" type="text" id="txt12" value="" size="30">              
<input type="button" id="image" value="选择图片" />

注意与上面描述的严格匹配！！文字大小写

3、演示完成

（图片在这里无法上传）

4、疑难问题：请高手解答

我想在txt12文本框中输入多个图片目标，也就是类似a.jpg | b.jpg | c.gif，如何解决，不知道。

简单。在把值填充到文本框时。先取文本框里面的值。如果文本框里面没有值就直接填充进去。
如果有。就拼接下字符串就可以了。如：获取的值,现在的值

就OK了。

$('[name="upload-image"]').click(function() {
	var obj = $(this).prev();
	editor.loadPlugin('image', function() {
		editor.plugin.imageDialog({
			imageUrl : $(obj).val(),
			clickFn : function(url, title, width, height, border, align) {
				$(obj).val(url);
				editor.hideDialog();
			}
		});
	});
});

<input name="picture" id="picture" type="text" value="nopic.jpg" size="65" />
<input type="button" name="upload-image" forurl="picture" class="btn" value="选择图片" />

clickFn里面这么写：

clickFn: function (url, title, width, height, border, align) {

                        }

这样就拼接在一起了，到了后台再split就可以了