Go语言视频零基础入门到精通

吴会

、什么是FCKeditor

　　说白了，就是在你的网页中实现Word一样的编纂功能（本面最后的效果图）。既然能找到这的人相信肯定也就知道什么FCKeditor了！比较文邹邹的说法是下面这样的：

　　FCKeditor是sourceforge.net上面的一个开源项目，主要是实现在线网页编纂器的功能，可以让web程序拥有如MS Word这样强盛的编纂功能。官方网站为http://www.fckeditor.net，在服务器端支持ASP.Net、ASP、ClodFusion、PHP、java等语言，并且支持IE 5+、Mozilla 、Netscape等主流浏览器。

二、需要下载的东西

　　两种。主文件包和你的JSP支持。http://ckeditor.com/这个是官网。

　　1、FCKeditor 2.6.5 下载地址：http://sourceforge.net/projects/ ... _2.6.5.zip/download

　　２、FCKeditor.Java 2.3 下载地址：http://sourceforge.net/projects/ ... or-2.3.zip/download

　　主文件包是最新的，而JSP支持则不是，由于2.5的我不会用，哇咔咔！~

二、开始使用

　　１、在MyEclipse下建立新项目：testFCKeditor。在WebRoot下建立文件夹FCKeditor。

　　２、解压FCKeditor_2.6.5.zip将文件夹内的editor文件夹、fckconfig.js、fckeditor.js、fckstyles.xml、fcktemplates.xml文件拷贝到FCKeditor目录下。

　　３、解压FCKeditor-2.3.zip将文件夹下的src里的FCKeditor.tld文件复制到WEB-INF下。

　　４、将文件夹下\web\WEB-INF\lib下的两个jar文件放到你的\WEB-INF\lib目录下。

　　５、将下面代码添加到你的web.xml文件的<web-app>节点下。

   <Servlet>
       <servlet-name>Connector</servlet-name>
       <servlet-class>com.fredck.FCKeditor.connector.ConnectorServlet</servlet-class>
       <init-param>
           <param-name>baseDir</param-name>
           <param-value>/UserFiles/</param-value><!-- 此为文件浏览路径 -->
       </init-param>
       <init-param>
           <param-name>debug</param-name>
           <param-value>true</param-value>
       </init-param>
       <load-on-startup>1</load-on-startup>
   </servlet>

   <servlet>
       <servlet-name>SimpleUploader</servlet-name>
       <servlet-class>com.fredck.FCKeditor.uploader.SimpleUploaderServlet</servlet-class>
       <init-param>
           <param-name>baseDir</param-name>
           <param-value>/UserFiles/</param-value><!-- 此为文件上传路径，需要在WebRoot 目录下新建 UserFiles 文件夹，在UserFiles文件夹下建立Image、Flash和File文件夹用来保留用户上传的各类文件 -->
       </init-param>
       <init-param>
           <param-name>debug</param-name>
           <param-value>true</param-value>
       </init-param>
       <init-param>
           <param-name>enabled</param-name>
           <param-value>true</param-value><!-- 设置为true开启上传功能-->
       </init-param>
       <init-param>
           <param-name>AllowedExtensionsFile</param-name><!-- 可以上传的文件类型 -->
           <param-value></param-value>
       </init-param>
       <init-param>
           <param-name>DeniedExtensionsFile</param-name><!-- 不可以上传的文件类型 -->
           <param-value>php|php3|php5|pHTML|asp|aspx|ascx|jsp|cfm|cfc|pl|bat|exe|dll|reg|cgi</param-value>
       </init-param>
       <init-param>
           <param-name>AllowedExtensionsImage</param-name><!-- 可以上传的图片类型 -->
           <param-value>jpg|gif|jpeg|png|bmp</param-value>
       </init-param>
       <init-param>
           <param-name>DeniedExtensionsImage</param-name><!-- 不可以上传的图片类型 -->
           <param-value></param-value>
       </init-param>
       <init-param>
           <param-name>AllowedExtensionsFlash</param-name><!-- 可以上传的flash类型 -->
           <param-value>swf|fla</param-value>
       </init-param>
       <init-param>
           <param-name>DeniedExtensionsFlash</param-name><!-- 不可以上传的flash类型 -->
           <param-value></param-value>
       </init-param>
       <load-on-startup>1</load-on-startup>
   </servlet>

<servlet-mapping>
    <servlet-name>Connector</servlet-name><!-- 此处留意路径题目，由于我们刚才在WebRoot下建立了FCKeditor文件夹所在要加上红字部门 -->
    <url-pattern>/FCKeditor/editor/filemanager/browser/default/connectors/jsp/connector</url-pattern>
</servlet-mapping>

<servlet-mapping>
    <servlet-name>SimpleUploader</servlet-name>
    <url-pattern>/FCKeditor/editor/filemanager/upload/simpleuploader</url-pattern>
</servlet-mapping>

上述代码是从你解压后得到的\FCKeditor-2.3\web\WEB-INF\web.xml修改过来的。

　　６、修改FCKeditor文件夹下的fckeditor.js文件。

　　修改第５０行：FCKeditor.BasePath = 'FCKeditor/' ;

　　当然，假如本来就是就不用修改了！

　　７、修改FCKeditor文件夹下的fckconfig.js文件。

　　修改之后：　多少行就自己Ctrl+F找吧哈！

FCKConfig.DefaultLanguage   = 'zh-cn' ;

FCKConfig.LinkBrowserURL = FCKConfig.BasePath + "filemanager/browser/default/browser.html?Connector=connectors/jsp/connector" ;

FCKConfig.ImageBrowserURL = FCKConfig.BasePath + "filemanager/browser/default/browser.html?Type=Image&Connector=connectors/jsp/connector" ;

FCKConfig.FlashBrowserURL = FCKConfig.BasePath + "filemanager/browser/default/browser.html?Type=Flash&Connector=connectors/jsp/connector" ;

FCKConfig.LinkUploadURL = FCKConfig.BasePath + 'filemanager/upload/simpleuploader?Type=File' ;

FCKConfig.ImageUploadURL = FCKConfig.BasePath + 'filemanager/upload/simpleuploader?Type=Image' ;

FCKConfig.FlashUploadURL = FCKConfig.BasePath + 'filemanager/upload/simpleuploader?Type=Flash' ;

　　８、打开你的index.jsp文件改成以下内容：

<%@ page contentType="text/html; charset=utf-8" language="java" import="java.sql.*" errorPage="" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>FCKeditor测试</title>
<script type="text/javascript" src="FCKeditor/fckeditor.js"></script>
</head>

<body>
<form id="form1" name="form1" method="post" action="index_do.jsp">
<table width="100%" border="0">
<tr>
    <td height="25">
      <textarea name="contest" id="contest" style="width:100%; height:400px;"></textarea>
<script type="text/javascript">
var oFCKeditor = new FCKeditor( 'contest' ) ;
oFCKeditor.BasePath = 'FCKeditor/' ;
oFCKeditor.ToolbarSet = 'Default' ;
oFCKeditor.Width = '100%' ;
oFCKeditor.Height = '400' ;
oFCKeditor.Value = '' ;
oFCKeditor.ReplaceTextarea();
//oFCKeditor.Create() ;
</script>
      <input type="submit" name="Submit" value="提交" />
    </td>
</tr>
</table>
</form>
</body>
</html>

　　９、新建index_do.jsp文件改成以下内容：

<%@ page contentType="text/html; charset=utf-8" language="java" import="java.sql.*" errorPage="" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>FCKeditor测试接收结果</title>
</head>

<body>
<%
    String contest = new String(request.getParameter("contest").getBytes("ISO8859_1"), "utf-8");
out.print(contest);
%>
</body>
</html>

四、测试

　　到这里我的FCK已经成功了，不外假如你人品有题目的话就......哈哈哈！

　　index.jsp效果




五、优化

　　先声明哈，这些优化是我在别人那抄来的，我还没优化过，后果自负哦！~

　　１、删除 \WebRoot\FCKeditor\editor\filemanager\browser\default\connectors 目录下所有的文件，这些是用来浏览文件的，对于jsp的话是使用了 servlet 来处理，所以这些文件都是多余的

　　２、删除 \WebRoot\FCKeditor\editor\filemanager\upload 目录下所有的文件

　　３、删除 WebRoot\FCKeditor\editor\lang 目录下不需要的语言，如留存中文和英文还有 fcklanguagemanager.js 文件

　　４、删除 \WebRoot\FCKeditor\editor\skins 目录下不需要的皮肤文件，有三种皮肤，可根据需要进行删除

　　５、删除 \WebRoot\FCKeditor\editor\dialog\fck_image 目录下 fck_image_preview.html 文件中的部份文字，这些文字是泛起在浏览图片时在预览框中的内容

javalearner

谢谢楼主分享。