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所用到的文件，同本文一同打包了。
[img]http://dl.iteye.com/upload/picture/pic/73706/4c1c5b30-8ce2-3f04-bf58-76468b6cfd6f.jpg[/img]
[color=red][size=xx-large]顺便介绍淘宝好店[/size][/color][url]http://shop35626121.taobao.com[/url]