`
lqixv
  • 浏览: 218773 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

FCKEditor 应用(一) -- 在JSF中的安装与使用

阅读更多

首先,是安装与配置:

1、从 FCKEditor 网站上下载最新版本的 FCKEditor (我现在用的版本是:2.6.3,如果没有特殊情况,以后的2.x.x版本应该同样适用)
2、从 FCKEditor 网站上下载最新版本的 FCKEditor-java-2.4-bin.zip
3、把java包中的lib内的3个jar包、FCKEditor-java-core-2.4.jar,共4个包放到自己的应用程序库目录中。另外,还要去下载一个 slf4j-simple-1.5.2.jar 放入应用程序库目录中。
4、把 FCKEditor 简化(可选):
 (1)、根目录下只留下以下这些文件和目录,其它的删除掉:fckconfig.js、fckeditor.js、fckpackager.xml、fckstyles.xml、fcktemplate.xml、editor(目录)
 (2)、进入目录 editor,删除目录 _Source
 (3)、进入目录 editor/filemanager/connectors,把里面的文件全部删除
 (4)、进入目录 editor/lang,除文件 en.js、zh.js、zh-cn.js 外,其余文件全部删除
 (5)、进入目录 editor/skins,只留下 default 目录,其余的全部删除(如果你喜欢别的样式,可以留下你想要的样式,然后把其余的删除掉,再把你想要的样式目录改为default即可)
5、把简化后的 FCKEditor 拷贝到你的 web 应用程序根目录下
6、在 WEB-INF/web.xml 中添加如下内容(用于文件上传):

  <!-- FCKeditor file upload begin -->
  <servlet>
    <servlet-name>Connector</servlet-name>
    <servlet-class>
       net.fckeditor.connector.ConnectorServlet
    </servlet-class>
    <load-on-startup>1</load-on-startup>
  </servlet>

  <servlet-mapping>
    <servlet-name>Connector</servlet-name>
    <url-pattern>
       /fckeditor/editor/filemanager/connectors/*
    </url-pattern>
  </servlet-mapping>
  <!-- FCKeditor file upload end -->

 

7、在 WEB-INF/classes/ 下添加一个文件,文件名为:fckeditor.properties,文件内容为:

connector.userActionImpl=net.fckeditor.requestcycle.impl.UserActionImpl

 

至此,FCKeditor 安装配置完毕。

 

其次,在 JSF 中的调用方法:

1、引入 javascript 文件:

<script type="text/javascript" src="fckeditor/fckitor.js"></script>

 2、在使用 JSF 文件中,对应的标签必须是 Textarea,然后在其后面跟着对此 Textarea 的初始化。

例子如下:

<%@taglib uri …… prefix="f"%>
<%@taglib uri …… prefix="h"%>
<html>
  <head>
    <script type="text/javascript" src="fckeditor/fckeditor.js"></script>
  </head>
  <body>
  <f:view>
    <h:form id="fck">
      内容:<h:inputTextarea id="content" value="#{user.content}"/>
      ……
<script type="text/javascript">
  var oFCKeditor = new FCKeditor("fck:content");
  oFCKeditor.basePath="fckeditor/";
  ……
  oFCKeditor.ReplaceTextarea();
</script>

    </h:form>
  </f:view>
</body>
</html>

 

 

附件为可运行的例子。

也可以到这里下载:

完整例子源代码:http://www.namipan.com/d/a42cc8c506e86596c7617e0ae4729b240334de17366c3d00


 

1
0
分享到:
评论

相关推荐

    FCKeditor & FCKeditor.java & fck-faces

    接着,将fck-faces-1.7.26.jar添加到类路径,以便于在Java环境中使用FCKeditor的功能。然后,在JSF页面中定义fck-faces组件,配置相应的属性,如宽度、高度、初始化时的HTML内容等。最后,通过后台处理编辑器提交的...

    seam 中使用fckeditor 的点点滴滴

    本文将围绕“Seam框架中使用FCKeditor”的主题进行详细探讨,结合给出的标签“源码”和“工具”,我们将深入理解如何在Seam项目中集成并使用FCKeditor,以及相关的依赖库。 Seam是一个Java EE框架,它整合了JSF...

    fckeditor使用心得

    4. **第三方库的应用**:在提供的文件列表中,我们可以看到一系列Java相关的库,如jsf-impl.jar、jsf-api.jar等,这表明FCKeditor可能与JavaServer Faces (JSF) 框架结合使用。JSF是一种用于构建Web应用程序的Java ...

    java fckeditor所需jar包

    - **Java版FCKeditor**:这是FCKeditor的一个特定实现,将编辑器功能与Java服务器端相结合,方便在Java Web应用中使用。 2. **集成步骤** - **下载库文件**:压缩包中的"java-fck"文件包含了FCKeditor的Java接口...

    需要fckeditor的朋友

    在实际应用中,FCKeditor还可以与其他技术结合,比如使用AJAX进行异步数据提交,或者利用MVC框架处理编辑器提交的数据。此外,由于FCKeditor是开源的,开发者可以根据自己的需求进行二次开发,扩展或优化编辑器功能...

    APPFUSE2.0中加入FCKeditor

    5. **自定义和扩展**:在APPFuse中使用FCKeditor,开发者可能需要根据具体需求对其进行自定义,比如更改默认样式、添加新的按钮或插件,或者调整与后端服务的交互方式。 6. **错误排查**:集成过程中可能遇到的问题...

    FCKeditor文本编辑器

    在这个文件中,FCKeditor的初始化参数、映射路径以及其他配置信息可能会被设置,以便服务器正确地处理与FCKeditor相关的请求。 5. **FCKeditor**:这个文件可能是一个目录,包含了FCKeditor的其他资源,如CSS样式表...

    JSFandFCKeditor-.zip_faces

    2. **创建JSF组件**:为了在JSF页面中使用FCKeditor,我们需要创建一个自定义组件,例如`FCKeditor.java`。这个组件应该扩展JSF的UIComponent类,并实现必要的方法,如`encodeBegin()`、`decode()`等,以处理编辑器...

    FCKeditor java在线编辑器

    在Java环境中,FCKeditor能够很好地集成到Web应用程序中,提供用户友好的富文本编辑体验。 FCKeditor的核心特性包括: 1. **丰富的文本格式化选项**:用户可以通过FCKeditor轻松实现文本的加粗、斜体、下划线、...

    zk开发指南

    - AJAX(Asynchronous JavaScript and XML)是一种允许Web应用在不重新加载整个页面的情况下与服务器异步交互的技术。 - 它通过JavaScript监听用户事件并动态更新DOM,从而实现更流畅的用户体验。 - **局限性**:...

    标准的留言板

    在Java Web应用中,FCKeditor的使用可能涉及到AJAX技术,以便实现实时的交互体验。 为了实现这个留言板系统,开发者可能遵循以下步骤: 1. **设计数据库模型**:定义留言数据结构,包括用户ID、用户名、留言内容、...

    ajax框架的选择.pdf

    例如,.NET平台通常会使用Microsoft的框架,而JSP或JSF应用可以考虑ZK、Backbase或IceFaces。对于需要丰富客户端体验的企业应用,ZK的Server-centric架构可能在开发和维护成本上更具优势,因为它减少了客户端的复杂...

    java开源包1

    它是 Spring HttpInvoker的一个轻量级选择,特别适合于当你不想在客户端程序中使用Spring框架。 API访问授权的开放标准 OAuth OAuth 协议为用户资源的授权提供了一个安全的、开放而又简易的标准。与以往的授权方式...

    java开源包10

    它是 Spring HttpInvoker的一个轻量级选择,特别适合于当你不想在客户端程序中使用Spring框架。 API访问授权的开放标准 OAuth OAuth 协议为用户资源的授权提供了一个安全的、开放而又简易的标准。与以往的授权方式...

    java开源包11

    它是 Spring HttpInvoker的一个轻量级选择,特别适合于当你不想在客户端程序中使用Spring框架。 API访问授权的开放标准 OAuth OAuth 协议为用户资源的授权提供了一个安全的、开放而又简易的标准。与以往的授权方式...

    java开源包8

    它是 Spring HttpInvoker的一个轻量级选择,特别适合于当你不想在客户端程序中使用Spring框架。 API访问授权的开放标准 OAuth OAuth 协议为用户资源的授权提供了一个安全的、开放而又简易的标准。与以往的授权方式...

    JAVA上百实例源码以及开源项目源代码

    Java非对称加密源码实例 1个目标文件 摘要:Java源码,算法相关,非对称加密 Java非对称加密源程序代码实例,本例中使用RSA加密技术,定义加密算法可用 DES,DESede,Blowfish等。 设定字符串为“张三,你好,我是李四”...

    java开源包2

    它是 Spring HttpInvoker的一个轻量级选择,特别适合于当你不想在客户端程序中使用Spring框架。 API访问授权的开放标准 OAuth OAuth 协议为用户资源的授权提供了一个安全的、开放而又简易的标准。与以往的授权方式...

    java开源包3

    它是 Spring HttpInvoker的一个轻量级选择,特别适合于当你不想在客户端程序中使用Spring框架。 API访问授权的开放标准 OAuth OAuth 协议为用户资源的授权提供了一个安全的、开放而又简易的标准。与以往的授权方式...

Global site tag (gtag.js) - Google Analytics