CKEditor+CKFinder的jsp实例(附下载包)
2014-03-02 00:36
417 查看
CKEditor+CKFinder的jsp实例(附下载包)
CKEditor富文本编辑器的使用是非常广的,加上CKFinder的文件上传(特别是图片上传之后更是如虎添翼),本文不讲解他们的具体配置,因为CKEditor的版本更新是相对比较快的,而且个版本间的文件结构也有些差异,所以配置是一件令初学者头疼的事。这里是一个小小的Demo,Demo相对比较简单,但胜在简单明了,直接使用方便灵活。
下载链接:http://pan.baidu.com/s/1o6HLlvc http://download.csdn.net/detail/luohuaishao/6980813
使用须知:[注意红色部分]
1、CKFinder的上传目录修改:WEB-INF下的config.xml中:
<baseURL>/LHS_EDITOR/userfiles/</baseURL>
2、CKEditor的相关配置:ckeditor下的config.js
3、Jsp中的调用:
<textareaid="Content" name="Content" rows="20" cols="100"></textarea>
<ckf:setupCKEditorbasePath="/LHS_EDITOR/ckfinder/" editor="Content"/>
<ck:replace replace="Content"basePath="/LHS_EDITOR/ckeditor"></ck:replace>
效果截图:
CKEditor富文本编辑器的使用是非常广的,加上CKFinder的文件上传(特别是图片上传之后更是如虎添翼),本文不讲解他们的具体配置,因为CKEditor的版本更新是相对比较快的,而且个版本间的文件结构也有些差异,所以配置是一件令初学者头疼的事。这里是一个小小的Demo,Demo相对比较简单,但胜在简单明了,直接使用方便灵活。
下载链接:http://pan.baidu.com/s/1o6HLlvc http://download.csdn.net/detail/luohuaishao/6980813
使用须知:[注意红色部分]
1、CKFinder的上传目录修改:WEB-INF下的config.xml中:
<baseURL>/LHS_EDITOR/userfiles/</baseURL>
2、CKEditor的相关配置:ckeditor下的config.js
3、Jsp中的调用:
<textareaid="Content" name="Content" rows="20" cols="100"></textarea>
<ckf:setupCKEditorbasePath="/LHS_EDITOR/ckfinder/" editor="Content"/>
<ck:replace replace="Content"basePath="/LHS_EDITOR/ckeditor"></ck:replace>
效果截图:
相关文章推荐
- CKEditor和CKFinder整合实现上传下载功能 【转】
- CKEditor和CKFinder整合实现上传下载功能
- jsp ftp上传下载实例
- 解决JSPSMARTUPLOAD下载文件中文乱码(有实例)
- jspSmartUpload 上传下载实例
- JSP使用ckeditor和ckfinder实现富文本及上传功能
- 在JSP里使用CKEditor和CKFinder
- 在JSP里使用CKEditor和CKFinder
- CKEditor+CKFinder+jsp的整理
- jsp ftp上传下载实例
- CKEditor和CKFinder整合实现上传下载功能
- CKEditor+CKFinder+JSP实现在线编辑器
- 在JSP里使用CKEditor和CKFinder
- ckeditor+ckfinder 集成 实现上传下载(Image/Flash/File/Other) 有下载连接
- jsp中如何整合CKEditor+CKFinder实现文件上传
- CKEditor和CKFinder整合实现上传下载功能
- CKEditor和CKFinder整合实现上传下载功能
- 使用smartupload组件实现jsp+jdbc上传下载文件实例解析
- 在JSP里使用CKEditor和CKFinder
- 在JSP里使用CKEditor和CKFinder