`

最近使用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 -->

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

分享到:
评论

相关推荐

    FCKeditor控件和控件的使用说明

    **FCKeditor控件介绍** FCKeditor是一款开源的JavaScript富文本编辑器,它为网页开发者提供了一种在网页上创建复杂内容的解决方案。这款编辑器支持多种浏览器,包括Internet Explorer、Firefox、Chrome和Safari等,...

    FCKeditor控件

    **FCKeditor控件**是Java编程中广泛使用的富文本编辑器,它的出现极大地提升了开发者在Web应用中创建和编辑内容的效率。FCKeditor以其直观的用户界面和丰富的功能,使得即便是非技术用户也能轻松地编辑出类似...

    简单易用的日期控件FCKeditor

    在这个主题中,我们将深入探讨FCKeditor如何作为日期控件使用,以及在ASP.NET和C#环境中如何实现其功能。 首先,让我们了解FCKeditor的基本特性。FCKeditor提供了类似Microsoft Word的用户界面,允许用户进行富文本...

    ASP.NET FCKEditor文字编辑控件源代码

    总的来说,ASP.NET FCKEditor文字编辑控件是一个强大的工具,它提供了丰富的文本编辑功能,同时允许开发者进行深度定制以适应不同的Web应用程序需求。通过学习和理解其基本用法和高级特性,你可以在你的项目中充分...

    FCKEditor富文本控件

    在“完美FCKEditor富文本控件”这个压缩包文件中,可能包含了FCKeditor的完整源码、示例、文档和可能的一些预设配置,帮助开发者更好地理解和使用这个编辑器。通过解压并研究这些文件,你可以了解其内部结构,掌握...

    fckeditor文本控件

    总的来说,FCKeditor作为一款强大的文本编辑控件,提供了丰富的功能和良好的可扩展性,使得Web应用的文本编辑变得更加便捷和高效。无论是初学者还是经验丰富的开发者,都可以通过深入理解和使用FCKeditor,提升其Web...

    FCKeditor Word控件 JSP编辑控件 word

    **FCKeditor Word控件** 是一款用于网页编辑的组件,尤其在JSP应用程序中广泛使用,它提供了类似Word的功能,使得用户可以在浏览器环境中进行文本编辑、格式化、插入图片等操作,极大地提升了网页交互体验。...

    JSP中fckeditor控件

    **JSP中的FCKeditor控件** FCKeditor是一款开源的富文本编辑器,它允许用户在网页上创建和编辑内容,类似于Word的功能,但适用于Web环境。在JSP(JavaServer Pages)中,FCKeditor常被用作网页表单的一部分,用于...

    最新FCKeditor_2.6 版本 FCKeditor编辑器和控件

    FCKeditor控件的可配置属性不多,且配置后只能作用于一个单一实例。实际上,需要对FCKeditor编辑器文件组中的通用配置文件/fckconfig.js和ASP.NET专用文件上传管理代码文件/editor/filemanager/connectors/aspx/...

    javascript组件:FCKeditor控件

    虽然FCKeditor提供了丰富的编辑功能,但同时也需要注意安全性问题。例如,防止XSS(跨站脚本攻击)和SQL注入,需要在服务器端对用户输入的HTML内容进行过滤和验证。 总的来说,FCKeditor作为一款JavaScript组件,极...

    FCKeditor控件示例 上传文本,图片,原格式

    **FCKeditor控件详解:上传文本、图片与保持原格式** FCKeditor是一款功能强大的网页文本编辑器,它允许用户在网页上编辑内容时,享受类似Microsoft Word的富文本编辑体验。这款编辑器广泛应用于内容管理系统(CMS...

    Asp.Net Mvc例子 Mvc框架下的Blog系统,留言本,FCKEditor控件,其它一些学习的例子,适合初学者

    Asp.Net Mvc例子 Mvc框架下的Blog系统,留言本,FCKEditor控件,其它一些学习的例子,适合初学者 您正在为Mvc着急,请到这里来,欢迎访问 http://www.cnblogs.com/qiaojun 这里有更精彩的介绍

    最新的ckeditor 富文本-FCKEditor控件

    最新的ckeditor 富文本-FCKEditor控件,最新的ckeditor 富文本-FCKEditor控件,属于第三方控件,功能齐全,完善,大部分的ASP.NET开发的网站都需要富文本控件,欢迎大家交流心得~

    FCKeditor第三方控件ASP。net

    在ASP.NET环境中,FCKeditor可以通过简单的几步配置和引用,嵌入到网页中。首先,你需要将FCKeditor的库文件下载并解压到项目目录下,通常包括js、images和fckconfig.js等文件夹。然后,在ASP.NET页面中通过`...

    fckeditor的MVC版及js使用fckeditor的方法

    总的来说,FCKeditor的MVC版为ASP.NET MVC开发者提供了一个简单易用的富文本编辑器集成方案。通过理解和实践上述步骤,你可以快速在项目中集成并使用FCKeditor,为用户提供更加便捷的内容编辑体验。不过,为了满足更...

    FCKeditor中文使用手册

    **FCKeditor中文使用手册** FCKeditor是一款强大的开源在线文本编辑器,广泛应用于网站内容管理系统(CMS)、论坛和其他需要富文本编辑功能的Web应用中。这个中文使用手册由建站三人行站长(www.zengl.com)翻译,...

    FCKeditor2.6.4使用说明

    **FCKeditor2.6.4使用说明** FCKeditor是一款功能强大的开源文本编辑器,广泛应用于网页内容编辑,尤其适合需要用户输入HTML内容的网站。版本2.6.4是其历史版本之一,提供了丰富的功能和良好的兼容性。本文将详细...

    FCKEditor完整使用说明--一步步教你使用FCKeditor插件

    对于初学者来说,掌握其使用方法至关重要,因为这将极大地提升网页内容的编辑效率和用户体验。下面,我们将一步步介绍如何使用FCKeditor,并解决在Tomcat或WebLogic服务器上可能出现的问题。 **一、FCKeditor安装与...

    FCKeditor应用经典实例

    这个实例提供了一个最简单且实用的解决方案,对于初学者和开发者来说极具价值。 首先,我们需要了解FCKeditor的基本结构和功能。FCKeditor提供了丰富的文本格式化选项,如字体、大小、颜色、对齐方式等,还支持插入...

Global site tag (gtag.js) - Google Analytics