KindEditor 编辑器 图片上传
最近接触到了html文本的存储。 以前没有涉及这么全面的html + 图片 上传。
今天用KindEditor 做了一些功能。 我的项目用spring mvc+mybatis 整的。
贴出我的前端和后端代码 。供新手参考。 不用多余jar。 跟普通上传图片差不多。
前端js代码
var editor;
KindEditor.ready(function(K) {
var editor = K.create('textarea[name="Description"]', {
uploadJson : 'kingedit/imageUpload',上传图片的地址
});
});
前端html代码
<textarea rows="5" cols="70" name="Description"></textarea>
后端上传图片代码,注意,编辑器必须接收到返回的json。
@RequestMapping("/imageUpload")
@ResponseBody
public String imageUpload(MultipartHttpServletRequest request) throws Exception {
String webpath = null;
try {
//上传图片
MultipartFile file = request.getFile("imgFile");
webpath = FileUtil.saveWebImgFile(file);
if(StringUtils.isNotEmpty(webpath)){
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
webpath = "{\"error\" : 0,\"url\" : \""+basePath+webpath+"\"}";//成功
}else{
webpath = "{\"error\" : 0,\"message\" : \"上传文件不存在\"}";//失败
}
}catch (Exception e) {
e.printStackTrace();
}
return webpath;
}
分享到:
相关推荐
九头鸭编辑器控件V1版本更新了kind3.42.net版中js文件配置的问题,去除了...本控件为不包含任何插件的绿色在线编辑器,在.net项目中可直接放在根目录下,图片上传存放路径为/Editor/UploadFile/ 根据日期生成的图片归档
九头鸭编辑器控件V1版本更新了kind3.42.net版中js文件配置的问题,去除了不必要的代码,以最轻量级为大家呈现。因为很多网友反映路径配置容易导致编辑器无法加载在此做了修复另外提醒各位网友如果你用vs创建的是网站...
很优秀的文本编辑器,用户体验很好的哦。 可以直接运行查看效果。
我自己过滤掉了一些平常用不到的功能,很实用的编辑器,可以统计输入字数,获取内容非常简单,上传图片绝对没问题,界面美观大方
本文介绍了HTML编辑器的基本功能,分析了它的基本原理及基本调用方式。通过对不同原理的HTML编辑器的分析,剖析其各自所具有的优缺点。最后阐述了目前常用的HTML编辑器Kind Editor在java WEB下应用的具体步骤。
/* basis, WITHOUT WARRANTY OF ANY KIND, either express or implied. See */ /* the License for the specific language governing rights and limitations */ /* under the License. */ /* */ /* The Original ...
这是Java脚本编辑器,但不适用于Web开发。 这个JS编辑器,将很快提供可重新分发的运行时,以便人们可以运行您的应用程序。 它还具有一个简单的API(仍在运行)
主要介绍了vue集成kindeditor富文本的实现示例代码,文中通过示例代码介绍的非常详细,对大家学习或者使用vue具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧
一个良好的汇编语言编辑器的界面具体包含代码输入,复制粘贴,关键词查找和语法加亮等功能,源程序可以保存为文本文件形式。 本文设计了实模式下汇编语言集成开发工具软件,该工具针对汇编语言初学者而设计,可以在...
6、编辑器域内默认的显示字体为12px,想要修改可以通过修改样式表来达到要求,打开/editor/css/fck_editorarea.css,修改font-size属性即可。如font-size: 14px; 7、关于安全性。 如果你的编辑器用在网站前台的话...