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配置,与现在的稍微有些不同。

你可能感兴趣的:(jsp,struts,servlet,jar,fckeditor,stylesheet)