java文本编辑器插件kinderditor用法解决本地图片上传不能用
来源:互联网 发布:php的魔术方法 编辑:程序博客网 时间:2024/05/31 00:39
第一步:去kinderditor官网下载一个最新的kinderditor包,这是一个压缩包,解压缩后放到webroot下面。但是放到你的webroot下面,有可能会报错,就是你的kinderditor包的jsp和code这两个包出现差号,解决办法,jsp点开出错的网页看缺少那些jar包,把相对应的jar包拷到lib下面,然后config path部署一下,就可以解决了,code包出错的原因是电脑的版本不支持,我也不大清楚,可以不用去理会,让他报错就是,不影响功能使用,你放到别的电脑上有的报错会消失,也许你的电脑本神不会报错那更好。
第二步:在webroot下面新建一个名字为attached的包,名字不可变,应为kinderditor插件设定的就是名字attached的路径,用来上传本地图片
第三步:jsp代码:
首先引入一个css和2个js,注意下面的是相对路径因为我的jsp用了<base href="<%=basePath%>">只需要写项目名后面的路径
<link rel="stylesheet" href="kindeditor/themes/default/default.css" />
<script charset="utf-8" src="kindeditor/kindeditor-min.js"></script>
<script charset="utf-8" src="kindeditor/lang/zh_CN.js"></script>
然后写下面这个function,整个代码只需要改textarea的name
<script language="javascript" type="text/javascript">
KindEditor.ready(function(K) {
var editor1 = K.create('textarea[name="sysArticle.articleContent"]', {
resizeType : 1,
allowPreviewEmoticons : false,
allowImageUpload : true,
items : [
'source', '|', 'undo', 'redo', '|', 'preview', 'print', 'template', 'cut', 'copy', 'paste',
'plainpaste', 'wordpaste', '|', 'justifyleft', 'justifycenter', 'justifyright',
'justifyfull', 'insertorderedlist', 'insertunorderedlist', 'indent', 'outdent', 'subscript',
'superscript', 'clearhtml', 'quickformat', 'selectall', '|', 'fullscreen', '/',
'formatblock', 'fontname', 'fontsize', '|', 'forecolor', 'hilitecolor', 'bold',
'italic', 'underline', 'strikethrough', 'lineheight', 'removeformat', '|',
'table', 'hr','image'],
afterBlur : function() {
this.sync();
var content=editor1.text();
if(content.length!=0){
ok4=true;
}else{
ok4=false;
}
}
});
});
</script>
只需这几步就可以出现那个文本编辑器,并且可以上传本地图片,不需要在后台写图片上传的方法。
- java文本编辑器插件kinderditor用法解决本地图片上传不能用
- 富文本编辑器kinderditor使用
- JAVA通过CKEditor文本编辑器上传图片
- Xcode升级后插件不能用 解决
- 图片上传本地预览插件
- 图片上传本地预览插件
- 图片上传本地预览插件
- liferay之TinyMCE(4.0.26)富文本编辑器的使用及本地图片上传的实现
- 支持截图,本地图片文件粘贴上传,word含图片文档上传等功能的富文本编辑器,推荐
- 解决ueditor百度富文本编辑器图片可以上传但是在线管理图片无法显示
- 富文本编辑器上传图片的问题
- Ueditor文本编辑器图片上传配置
- 百度Ueditor富文本编辑器上传图片
- 使用UEditor文本编辑器上传图片
- 页面编辑器上传本地图片的使用
- 利用ueditor富文本编辑器上传图片解决跨域问题
- 关于nicEdit上传图片不能用的一些处理
- 图片上传本地预览插件v1.3
- A-Playing with Paper
- Memory Analysis for Android Applications
- 正则表达式实战
- Android 中tomcat搭建本地服务器 实现apk更新下载
- iOS 纯代码适配iPhone6,6p
- java文本编辑器插件kinderditor用法解决本地图片上传不能用
- KM算法求带权二分图的最大匹配(完备匹配)
- LocalBroadcastManager 使用小结
- RxJava 详解
- spark的StorageLevel源码分析
- 第一个冒泡算法 C语言
- 1.Tachyon简介
- 架构之路(三):单元测试
- AppDelegate中几个常用的回调调用时机