KindEditor--开源的在线HTML编辑器

KindEditor 是一套开源的在线HTML编辑器,主要用于让用户在网站上获得所见即所得编辑效果,
开发人员可以用 KindEditor 把传统的多行文本输入框(textarea)替换为可视化的富文本输入框。
KindEditor 使用 JavaScript 编写,可以无缝地与 Java、.NET、PHP、ASP 等程序集成,
比较适合在 CMS、商城、论坛、博客、Wiki、电子邮件等互联网应用上使用。

效果图:

文件上传使用范例:

@RequestMapping(value="/upload.do", method=RequestMethod.POST)
	public void uplodFile(@RequestParam("file") CommonsMultipartFile file, HttpServletResponse response)
	{
......
}
<script type="text/javascript">
$(function(){
	
	//editor
	if(typeof(KindEditor) != 'undefined'){
		KindEditor.ready(function(K){
			editor = K.create('#editor', {
				height: '350px',
				syncType: 'form',
				afterChange: function(){
					this.sync();
				},
				filterMode: false,
				filePostName: 'file',
				uploadJson:'file/upload.do'
			});
		});
	}	
});
</script></span>


syncTypesyncType:同步数据的方式,可设置”“、”form”,值为form时提交form时自动同步,空时不会自动同步。filePostName:指定上传文件form名称,默认值: imgFile

uploadJson:指定上传文件的服务器端程序

成功提交上传图片以后效果图:

使用方法,参考文档链接:

http://kindeditor.net/doc.php

http://kindeditor.net/docs/option.html#uploadjson

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值