相信做网站项目的都会用到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配置,与现在的稍微有些不同。