`

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

阅读更多

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

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

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

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

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

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

相关的截图:

<!--StartFragment -->

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

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics