最近使用Fckeditor控件 也只能说简单的使用

最近在我们组中一个项目的开发的过程中应用户需求 ，用户需要发布公告。所以我尝试使用了开源控件Fck

其官方网站地址：http://ckeditor.com/download

最新的java版本是2.6的。我首先是在网上搜索了一通。当然想使用他，得正确的配置好他。

在这里配置的详细信息不多说，网上很多。

以下是我参考别人的blog进行相应修改和配置：

http://student.youkuaiyun.com/cp.php?ac=blog和http://student.youkuaiyun.com/cp.php?ac=blog&blogid=42534&op=edit这是我刚开始配置的时候，参照的blog。

http://cheneyjuu.javaeye.com/blog/376450 这篇博客介绍不错，里面介绍的很详细。

http://blog.imwebs.com/article.asp?id=322 这篇和上一篇一样，值得去看。

这中间也遇到以一些问题，当然花了时间去解决的。

比如我们组用的是ssh模式做的。

在配置文件的时候 例如Struts会过滤fck的所以

我在web.xml中在相应的struts中设置了如下：

<filter-mapping>
<filter-name>struts2</filter-name>
<!--<url-pattern>/*</url-pattern>-->
<url-pattern>*.action</url-pattern>
<url-pattern>/struts/*</url-pattern>
<url-pattern>*.jsp</url-pattern>
<url-pattern>*.do</url-pattern>
</filter-mapping>

这样会使得fck正常的显示。上面的blog也介绍的缘由。

还有fck下载的时候内容很多，有的东西可以不要同时有的东西可以修改，比如编辑器的颜色，大小等等设置，请大家仔细参照后两篇blog，里面解说的很详细。

我是使用js调用fck的内容。

以下是我的news.jsp页面的相关内容：

<%@ taglib uri="http://java.fckeditor.net" prefix="FCK" %> 必不可少

下面是我的利用js获取和设置fck‘内容，因为我们一般的添加 修改需要获取fck内容和设置其内容

<script type="text/javascript">
//获取编辑器的内容
function getFckContent(){
var rbContent = FCKeditorAPI.GetInstance("content").GetXHTML(true);
if(rbContent == null || rbContent == ""){
alert("请输入公告内容！"); return false;
}
document.getElementById("s_content").value=rbContent;
return true;
}
// 设置编辑器中内容
function setFckContent(ContentStr) {
var oEditor = FCKeditorAPI.GetInstance("content") ;
oEditor.SetHTML(ContentStr) ;
}
</script>
<script type='text/javascript' src="<%=ctxPath%>/fckeditor/fckeditor.js"></script> 必不可少

我是利用隐藏域进行操作的 怎样获取的看看上面的getFckContent()：

<li>
<label>信息内容</label>
<FCK:editor instanceName="content" width="100%" height="200" toolbarSet="Basic" >//同时对fck窗口大小和模式进行设置。
</FCK:editor>
<input type=hidden name="s_content" id="s_content" >//隐藏域暂存fck的内容
</li>

相关的截图：

<!--StartFragment -->

对于图片的上传功能，目前没有做，目前做了间的发布功能。希望对学习朋友有帮助。