kindeditor 的插件上传asp使用方法

<LINK rel="stylesheet" href="../../EDname/themes/default/default.css" />
<LINK href="../../EDname/themes/qq/qq.css" rel="stylesheet" type="text/css" />
<SCRIPT CHARSET="GBK" src="../../EDname/kindeditor.js"></SCRIPT>
<SCRIPT CHARSET="GBK" src="../../EDname/lang/zh_CN.js"></SCRIPT>
<SCRIPT language="javascript">
KindEditor.ready(function(K) {
	var editor1 = K.create('textarea[name="News_Content"]', {
		themeType : 'qq',
		items : [
				 'bold','italic','underline','fontname','fontsize','forecolor','hilitecolor','plug-align','plug-order','plug-indent','link'
				 ],
		afterBlur: function(){this.sync();}
		});
});

KindEditor.ready(function(K) {
	var editor = K.editor({
		uploadJson : '../../EDname/asp/sc.asp',
		fileManagerJson : '../../EDname/asp/scfilename.asp',
		allowFileManager : true
	});
	K('#image').click(function() {
		editor.loadPlugin('image', function() {
			editor.plugin.imageDialog({
				showRemote : false,
				imageUrl : K('#pic').val(),
				clickFn : function(url, title, width, height, border, align) {
					K('#pic').val(url);
					editor.hideDialog();
				}
			});
		});
	});
	K('#J_selectImage').click(function() {
		editor.loadPlugin('multiimage', function() {
			editor.plugin.multiImageDialog({
				clickFn : function(urlList) {
					var div = K('#J_imageView');
					div.html('');
					K.each(urlList, function(i, data) {
						div.append('<img src="' + data.url + '">');
					});
					editor.hideDialog();
				}
			});
		});
	});

});

 

 

      <INPUT name="pic" type="text" id="pic" value="" size="25" />
        <INPUT type="button" id="image" value="上传图片" class="btns" />        
         <FONT color="#FF0000">上传格式为:.jpg/.gif。地址自动生成,请勿更改。</FONT></P>
        <INPUT type="button" id="J_selectImage" value="批量上传" style=" display:none;"/>
		<DIV id="J_imageView" style=" display:none;"></DIV>

 

posted @ 2013-08-02 17:21  哈达波斯网络  阅读(214)  评论(0编辑  收藏  举报