最近在我们组中一个项目的开发的过程中应用户需求 ,用户需要发布公告。所以我尝试使用了开源控件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>
相关的截图:
<!--StartFragment -->
对于图片的上传功能,目前没有做,目前做了间的发布功能。希望对学习朋友有帮助。
分享到:
相关推荐
FCKeditor控件和控件的使用说明,以及如何js判断FCKeditor内容是否为空
1 FCKEditor控件的常规使用。 2 FCKEditor控件上传图像等的分文件夹存储方式。
java编程常用控件,操作简单,可以做出world的效果,还可以上传各种文件!
简单易用的日期控件 FCKeditor,简明、易懂
完美FCKEditor富文本控件 里面有说明
FCKeditor控件的可配置属性不多,且配置后只能作用于一个单一实例。实际上,需要对FCKeditor编辑器文件组中的通用配置文件/fckconfig.js和ASP.NET专用文件上传管理代码文件/editor/filemanager/connectors/aspx/...
FCKeditor控件示例 上传文本,图片,原格式
文本编辑控件!内有使用方法和修改方法!加载控件后可以使用!
Asp.Net Mvc例子 Mvc框架下的Blog系统,留言本,FCKEditor控件,其它一些学习的例子,适合初学者 您正在为Mvc着急,请到这里来,欢迎访问 http://www.cnblogs.com/qiaojun 这里有更精彩的介绍
最新的ckeditor 富文本-FCKEditor控件,最新的ckeditor 富文本-FCKEditor控件,属于第三方控件,功能齐全,完善,大部分的ASP.NET开发的网站都需要富文本控件,欢迎大家交流心得~
FCKeditor2.6.4使用说明 使用FCKeditor的人可以下来看看噢~
ASP.NET第三方控件FCKEditor
包里带 说明与 示例, 非常好用,调用简单,样式美观, 3种 样式的 编辑控件,支持功能强大,顶下!
也许你现在看到的已经是更新的版本了,那么可能某些配置办法已经变化了,本文也将跟进以保持最新动态,相反如果你使用的旧版本的控件,其配置和使用方法也有所区别),下载地址:http://www.fckeditor.net/download...
控件引入到JSP页面的两种方式,以及控件的语言方式是可以调整的,调整有两种方式。
FCKEditor使用帮助文档。FCKEditor使用帮助文档。FCKEditor使用帮助文档。FCKEditor使用帮助文档。
javascript实现的文本工具条,比如编辑、复制等,可以定制~
fckeditor的MVC版及js使用fckeditor的方法,初步的,深入的请自行研究
在公告管理开发方面,FCKeditor一直是用户喜欢的一款第三方插件 但是新手在使用过程中会出现这样或者那样的问题 本文档旨在帮助新手学会使用Fckeditor,希望对大家的学习有所帮助