JSP+FCKeditor 基本配置

JSP+FCKeditor 基本配置

相信做网站项目的都会用到FCKeditor编辑器

下面我给大家介绍一下他的用法，希望对大家有帮助，当然里面有些东西是参考别人的，下一篇是Struts2里面的FCKeditor的配置

jsp servlet 下的fck配置

1,首先 你使用fckeditor，当然要去下载fckeditor编辑器，这个我就不多说了，自己下去吧

2，使用的话需要导入几个jar包，放在lib目录下，commons-fileupload-1.2.1.jar commons-io-1.3.2.jar fckeditor-java-core-2.4.1.jar slf4j-api-1.5.8.jar slf4j-simple-1.5.2.jar 这五个jar包就够了，呵呵 至于说jar包的版本不同的话我就不知道了，应该问题不大

3,然后在web.xml里面配置fck

<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,当然你发布后，肯定是在web-inf/classes/下了

里面配置如下：

#Fckeditor setting

#用户上传文件路径目录

connector.userFilesPath=/myadmin/userUploadFile

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

5，在jsp页面中引入fck（在这个例子中我把fck放在根目录下了，我建议不放在根目录下，这样的话web.xml里面也要跟着改，反正这里存放路径与上面红色部分一定要统一）

<link href="<%=basePath %>/fckeditor/_samples/sample.css" rel="stylesheet" type="text/css" />

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

<script type="text/javascript">

//初始化fckeditor

window.onload = function()

{

var sBasePath = "<%=basePath %>/fckeditor/";

var oFCKeditor = new FCKeditor( 'content' ) ;

oFCKeditor.Width="760";

oFCKeditor.Height="300";

oFCKeditor.BasePath = sBasePath ;

oFCKeditor.ReplaceTextarea() ;

}

</script>

<form>

<textarea name="content" rows="10" cols="80" style="width: 100%; height: 200px" >

填写详细信息

</textarea>

</form>

获取的话 就是根据content获取即可

6,至此就完毕了，你在后台用fck上传图片时，他会根据你的配置文件在/myadmin/下生成一个 userUploadFile/image 两个文件夹，然后图片会在image下了，试试吧。

下一篇我要介绍struts2下的fck配置，与现在的稍微有些不同。