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/docs/option.html#uploadjson