FckEditor的基本使用

1、  拷贝FckEditor所要的jar包到WEB-INF/LIB目录下：
2、在web.xml里，添加如下配置，用于上传文件：

<servlet>  

      <servlet-name>ConnectorServlet</servlet-name>

        <servlet-class>

          net.fckeditor.connector.ConnectorServlet

      </servlet-class>

      <load-on-startup>1</load-on-startup>

    </servlet>
    <servlet-mapping>

      <servlet-name>ConnectorServlet</servlet-name>

      <url-pattern>

        /fckeditor/editor/filemanager/connectors/*

      </url-pattern>

    </servlet-mapping>

3、将fckeditor.properties放于src目录下，其内容如下：

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

4、将fckeditor文件放于WebRoot目录下：
5、在页面使用时：
<%@ page contentType="text/html;charset=gb2312" %>

<%@ taglib uri="http://java.fckeditor.net" prefix="FCK" %>

<%

    request.setCharacterEncoding("gb2312");

    String s = request.getParameter("content");

   

       out.println("-------------------" +s);

%>

<hr>

<form action="h.jsp" method="post">

  <FCK:editor instanceName="content" basePath="/fckeditor" value=" " width="700" height="400">

   </FCK:editor>

   <br>

   <input  type="submit">

</form>

<hr>

一些说明：

一、经过如上配置后，当使用文件上传或图片上传时，FekEditor会自动在相应的应用服务器(tocmat等)部署的项目根目录上产生一个文件，用于放置这些上传的文件：

如：在tomcat的webapps目录下，项目testJsp根目录下，生成了userfiles目录，其中子目录file用于放置上传的文件，image用于放置上传的图片

二、文件上传的使用：

在FekEditor中上传文件，使用的是链接

点击链接图标：得到如图：

点击上传，并选择文件

点击发送到服务器上后，提示上传成功，并转到如下画面：

点击确定按钮后：在Fekeditor的输入界面上就出现如下了：
三，图片插入的使用：

如果图片已经在服务器上，可直接点击浏览服务器，选择相应图片(双击图片)即可。如下图：

如果图片不在服务器上，可自己上传一张图片再选择。点击上图的浏览按钮操作即可。
FckEditor所用到的文件，同本文一同打包了。

顺便介绍淘宝好店http://shop35626121.taobao.com