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

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

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

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

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

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

http://student.csdn.net/cp.php?ac=blog 和http://student.csdn.net/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> 

相关的截图：

 

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