[心缘地方]同学录
首页 | 功能说明 | 站长通知 | 最近更新 | 编码查看转换 | 代码下载 | 常见问题及讨论 | 《深入解析ASP核心技术》 | 王小鸭自动发工资条VBA版
登录系统:用户名: 密码: 如果要讨论问题,请先注册。

[整理]Java整合ckeditor编辑器

上一篇:[转帖]在Myeclipse buildpath 加server lib
下一篇:[备忘]IE9,fckeditor的对话框,出现“调用的对象无效”的JS错误~~

添加日期:2013/4/16 18:20:46 快速返回   返回列表 阅读3391次
(1)
到http://ckeditor.com/download
下载客户端的CKEditor,和CKEditor 3.6.4 for Java。
前者就是编辑器,后者就是支持文件上传什么的。

(2)看这个:
http://docs.cksource.com/CKEditor_3.x/Developers_Guide/Java/Integration
安装步骤。
大概步骤:
<1>把客户端的CKEditor解压,放到web目录下就行,如ckeditor目录。

<2>把for Java的解压,把ckeditor-java-core-3.x.y*.jar放到/WEB-INF/lib 下就行了。

<3>然后JSP里引入一下tag库
<%@ taglib uri="http://ckeditor.com" prefix="ckeditor" %>

<4>然后就可以用了
<textarea cols="80" id="editor1" name="editor1" rows="10"></textarea>
<ckeditor:replace replace="editor1" basePath="/ckeditor/" />

注意basePath,如果当前网站是/cms/子目录,那么basePath要写/cms/ckeditor才行。
--------------------------------------------------------------
服务端基本就OK了,剩下就是客户端编辑器的事了

JS文档:
http://docs.cksource.com/ckeditor_api/symbols/CKEDITOR.editor.html

提交表单前,好像得自己从编辑器取一下内容吧?
document.getElementById("articleContent").value = CKEDITOR.instances.articleContent.getData();
<textarea cols="60" id="articleContent" name="a.content" rows="10"></textarea>
<ckeditor:replace basePath="${ctx}/ckeditor/" replace="articleContent" />
 

评论 COMMENTS
没有评论 No Comments.

添加评论 Add new comment.
昵称 Name:
评论内容 Comment:
验证码(不区分大小写)
Validation Code:
(not case sensitive)
看不清?点这里换一张!(Change it here!)
 
评论由管理员查看后才能显示。the comment will be showed after it is checked by admin.
CopyRight © 心缘地方 2005-2999. All Rights Reserved