`
nbkangta
  • 浏览: 431716 次
  • 性别: Icon_minigender_1
  • 来自: 宁波
社区版块
存档分类
最新评论

FckEditor Jsp整合

阅读更多

 

原文地址http://hi.baidu.com/huqiwen/blog/item/7d36b15113fddd1e377abe7d.html

由于FckEditor for java 2.4相对于2.3而言做了许多改变,这些改变使得我们的Fckeditor配置起来更方便。例如:

基础包名从:com.fredck.FCKeditor 改为 net.fckeditor.

文件上传SimpleUploaderServle整合到了ConnectorServlet里面,WEB,XML的配置就简单多了,下面通过一个实例说明配置详细步骤

1、首先登陆www.fckeditor.net/download下载FCKeditor的最新版本,需要下载2个压缩包,一个是基本应用。另一个是在为在jsp下所准备的配置。

最新版本为:FckEditor2.6.3和FckEditor for java 2.4

FCKeditor 2.6.3下载地址:sourceforge.net/project/downloading.php      
       具体下载地址:http://easynews.dl.sourceforge.net/sourceforge/fckeditor/FCKeditor_2.6.3.zip
       FCKeditor for Java 下载地址:sourceforge.net/project/downloading.php
     具体下载地址:http://switch.dl.sourceforge.net/sourceforge/fckeditor/fckeditor-java-2.4-bin.zip(发行版,如果需要源码或者demo包请另行下载)

请下载demo包,否则会出现留言中那位朋友的错误!


下载之后分别为:FCKeditor_2.6.3.zip 和 fckeditor-java-2.4-bin.zip(fckeditor-java-demo-2.4.war)将它们分别解压。

2、首先在MyEclipse(或者其他的IDE)下建立一个新项目例如:FckedtiorTest 即http://localhost:8080/FckeditorTest

现在将解压后的FCKeditor_2.6.3.zip 里面的fckeditor文件夹拷贝到当前的项目文件夹里面。我的demo项目目录结构如下:

 

         3、配置web.xml。配置文件如下,这就是全部了,其他的不需要再配置,由于SimpleUploaderServle整合到了ConnectorServlet里面,所以文件上传等都不需要再配置。

<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>

 

4、在src目录下面建立fckeditor.properties资源文件,在里面写入这么一行“connector.userActionImpl=net.fckeditor.requestcycle.impl.UserActionImpl”

5、下面写测试页面:

     index.jsp

 

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.fckeditor.net" prefix="FCK" %>
<html>
<head>    
    <title>FckEditor测试</title>
</head>
<body style="text-align: center;">
<div style="text-align: center;width: 600pt">
<h2>FckEditor测试</h2>
<hr>
<form action="ShowData.jsp" method="post">
     <FCK:editor instanceName="test" height="400pt">
   <jsp:attribute name="value"> 这里是<a href="http://hi.baidu.com/huqiwen">数据测试</a>
   </jsp:attribute>
</FCK:editor>      
   <input type="submit" value="提交"/>
   <input type="reset" value="重置"/>
   </form>
</div>
</body>
</html>

 

 

   显示数据的页面:ShowData.jsp

 

<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<head>
   <title>FCKeditor - 显示数据</title>
   <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<%
   request.setCharacterEncoding("UTF-8");
   String data = request.getParameter("test");
%>
<body>
   <h1>FCKeditor - 显示数据</h1>  
   <hr/><br />
   <%=data%>
</body>
</html>

 

6、结果截图

index.jsp

ShowData.jsp

 

 

6、给FckEditor瘦身

      删除fckeditor目录下面所有以“_”开头的文件或者文件夹,像"_samples"、"_documentation.html“等

     删除fckeditor目录下面除了,fckconfig.js   fckpackage.xml fckstyles.xml   fcktemplates.xml外的所有文件,当然要保留editor文件夹

     删除fckeditor/editor/lang目录下面除了en.js、 zh-cn.js外的所有文件

     删除fckeditor\editor\filemanager目录下面的connectors文件夹

     删除editor\skins目录下面除了default下面的文件夹,这个里面是皮肤,共有三种,可以在fckconfig.js里面设置。

 

PS:demo下载:http://www.namipan.com/d/7218d2c0bf3e33e8aedf972b41d5d09f3efab0d8f53b0900

再PS:有关中文乱码问题请参考:http://hi.baidu.com/huqiwen/blog/item/c709aa18fa187a0135fa4103.html

 

分享到:
评论

相关推荐

    Struts2与FCKeditor的整合.doc

    Struts2 和 FCKeditor 的整合是Web开发中一个常见的需求,特别是在需要提供富文本编辑器功能时。FCKeditor是一款强大的开源JavaScript文本编辑器,而Struts2是一个流行的Java Web应用框架。本文将详细讲解如何将...

    FCKeditor编辑器整合JSP

    将FCKeditor与JSP整合,可以为用户提供一个图形化的界面,方便地在Web应用中编辑和格式化文本。 **1. FCKeditor介绍** FCKeditor是一个基于JavaScript的富文本编辑器,支持多种浏览器,包括IE、Firefox、Chrome、...

    JSP例子:Fckeditor整合web EQ 公式编辑器

    **JSP例子:Fckeditor整合web EQ 公式编辑器** 在Web开发中,富文本编辑器(Rich Text Editor)是常用于创建和编辑带有格式的HTML内容的工具。FCKeditor是一个流行的开源富文本编辑器,而web EQ则是一个用于在网页...

    jsp fckeditor 整合 实例

    **JSP与FCKeditor整合实例** 在Web开发中,我们常常需要编辑器来处理用户输入的富文本,比如文章内容、产品描述等。`FCKeditor`是一款强大的开源在线HTML编辑器,它允许用户像在Word中一样编辑内容,并且能够将其以...

    JSP使用FCKeditor(带上传图片)实例.rar

    【JSP与FCKeditor整合】 在Web开发中,JSP(JavaServer Pages)是一种动态网页技术,常用于构建服务器端的交互式应用程序。FCKeditor则是一款强大的富文本编辑器,它允许用户在网页上进行类似Word的文本编辑,包括...

    jsp调用FCKeditor示例,可在tomcat下直接运行

    **FCKeditor与JSP整合应用详解** 在Web开发中,富文本编辑器(Rich Text Editor)是不可或缺的一部分,它允许用户在网页上编辑内容,就像在Word文档中一样。FCKeditor是一款开源的JavaScript富文本编辑器,广泛应用...

    FCKeditor2.3 for jsp编辑器(内附配置说明) .rar

    这个"**FCKeditor2.3 for jsp编辑器(内附配置说明)**"的压缩包文件包含了适用于Java服务器页面(JSP)的FCKeditor2.3版本,以及相关的配置说明,便于开发者集成到他们的JSP应用程序中。 FCKeditor 2.3是该编辑器的...

    struts和fckeditor整合完整版

    3. **编辑JSP页面**:在Struts的JSP视图页面上,使用JavaScript代码实例化FCKeditor,指定编辑器的ID和宽度、高度等属性,并绑定到表单的特定字段。 4. **配置Struts配置文件**:在struts-config.xml中定义Action,...

    fckeditor for JSP 完美版

    本完美版的`fckeditor`已经针对JSP环境进行了优化和整合,确保在处理中文内容和上传多媒体资源方面表现优秀。 **fckeditor的特点与功能** 1. **全功能的文本编辑**:`fckeditor`提供了丰富的文本格式化选项,包括...

    fckeditor for JAVA所需要的所有文件

    fckeditor-java-2.4.1-bin.zip //jsp整合包 fckeditor-java-demo-2.4.1.war //完整的项目实例,建议部署到服务器上面看一下这个然后修改一下就可以了。很简单,省的花很多时间在配置上。 另外这个没有针对中文做...

    在JSP环境中如何来配置和使用fckeditor

    主文件包含了编辑器的核心组件,而JSP整合包则简化了在Java服务器页面中的集成过程。 接下来,按照以下步骤进行配置: 1. 解压缩FCKeditor_2.2.zip,将解压后的FCKeditor目录复制到你的网站根目录下。 2. 解压缩...

    fckeditor与jsp

    **FCKeditor与JSP整合应用详解** 在Web开发中,富文本编辑器(Rich Text Editor)是不可或缺的一部分,它允许用户在网页上编辑内容,就像在Word文档中一样。FCKeditor是一款开源的JavaScript富文本编辑器,而JSP...

    FCKeditor在线编辑器jsp

    **FCKeditor在线编辑器与JSP的整合** FCKeditor是一款开源的、基于Web的富文本编辑器,它允许用户在网页上编辑文本,类似于Word的界面,提供了丰富的文本格式化功能。这款编辑器广泛应用于论坛、博客、CMS(内容...

    jsp编辑器 fckeditor

    【标签】:“fckeditor”和“struts2兼容解决”提示我们关注的主要知识点是这两者的整合和可能出现的问题。Struts2是一个强大的MVC框架,其拦截器机制可能会与FCKeditor的默认行为冲突,导致文件上传失败、编辑器...

    Fckeditor2.6 jsp版 并且可以重命名

    在JSP(JavaServer Pages)环境中,Fckeditor2.6可以通过与Struts2框架的整合,实现动态网站内容的创建和编辑功能。Struts2是一个流行的Java Web开发框架,它遵循MVC(Model-View-Controller)架构模式,用于简化...

    用myeclipse6.5开发fckeditor在jsp的应用

    要将FCKeditor整合到JSP项目中,我们首先要下载FCKeditor的源码包,通常包括一个完整的目录结构,包含JavaScript文件、CSS样式表以及所需的图片资源。然后,在MyEclipse中新建一个JSP页面,将FCKeditor的JavaScript...

    FCK整合JSP 简化之后的

    三、FCKeditor与JSP整合的必要性 整合FCKeditor和JSP的主要目的是为了在Web应用中提供一个用户友好的富文本编辑界面,让用户能够方便地创建和编辑内容,而这些内容在保存后可以直接存储到服务器的数据库中。 四、...

    jsp使用fckeditor

    - **解压JSP整合包**:接着解压`FCKeditor-2.3.zip`文件(即JSP整合包),该包主要用于简化在JSP页面中使用FCKeditor的过程,避免了复杂的JavaScript代码编写。 **3. 配置web.xml文件** 接下来,需要将整合包中的`...

    web编辑器fckeditor ,JSP里使用

    **FCKeditor与JSP整合应用详解** FCKeditor是一款著名的开源富文本编辑器,它在Web开发领域中被广泛使用,特别是在Java JSP应用程序中。这款编辑器以易用性和强大的功能著称,允许用户在网页上进行所见即所得...

    jsp+Fckeditor实现在线编辑器

    这暗示了这是一个实验性质的项目,可能并未经过大规模或严格的测试,适用于学习和理解如何将JSP与FCKeditor整合,而不一定适合直接应用于生产环境。 **标签解析:“Fckeditor实现在线编辑器”**标签明确了项目的...

Global site tag (gtag.js) - Google Analytics