下載：
www.fckeditor.net
1.新建一工程Fckeditor
2. 將FCKeditor_2.3包中的 editor 文件夾和fckconfig.js、fckeditor.js、fckstyles.xml、fcktemplates.xml
這四個文件放到項目中的 FCKeditor 目錄。
3. 將FCKeditor.Java -2.3.zip 包中的 \web\WEB-INF\lib 下的兩個 jar 文件到項目的 WebRoot\WEB-INF\lib目錄下
4. 將FCKeditor.Java -2.3.zip 包中的 \src 下的 FCKeditor.tld 文件到項目的 WebRoot\WEB-INF 目錄
5. 在 WebRoot 目錄下新建 UserFiles 文件夾，在此文件夾下新建 Image、 Flash 、File、Media四個文件夾 ，他們分別用來存放上傳的圖片、動畫、文件、媒體文件
6.web.xml中配置
<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns="http://java.sun.com/xml/ns/javaee"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" version="2.4"
xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_2_4.xsd">
<display-name>FCKeditor Test Application</display-name>
<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>
</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>
</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>
<param-value>swf|fla</param-value>
</init-param>
<init-param>
<param-name>DeniedExtensionsFlash</param-name>
<param-value></param-value>
</init-param>
<load-on-startup>1</load-on-startup>
</servlet>
<servlet-mapping>
<servlet-name>Connector</servlet-name>
<url-pattern>
/editor/filemanager/browser/default/connectors/jsp/connector
</url-pattern>
</servlet-mapping>
<servlet-mapping>
<servlet-name>SimpleUploader</servlet-name>
<url-pattern>
/editor/filemanager/upload/simpleuploader
</url-pattern>
</servlet-mapping>
</web-app>
7.test.jsp文件
<%@ page language="java" import="java.util.*" pageEncoding="GB18030"%>
<%@ taglib uri="/WEB-INF/FCKeditor.tld" prefix="fck"%>
<html>
<head>
<title>test fckeditor</title>
</head>
<body>
<h2>
FCK在線編輯器
</h2>
<form action="process.jsp">
<fck:editor id="testfck" basePath="/myfckedit/" height="60%"
skinPath="/工程名/editor/skins/default/" toolbarSet="Default"
imageBrowserURL="/工程名/editor/filemanager/browser/default/browser.html?Type=Image&Connector=connectors/jsp/connector"
linkBrowserURL="/工程名/editor/filemanager/browser/default/browser.html?Connector=connectors/jsp/connector"
flashBrowserURL="/工程名/editor/filemanager/browser/default/browser.html?Type=Flash&Connector=connectors/jsp/connector"
imageUploadURL="/工程名/editor/filemanager/upload/simpleuploader?Type=Image"
linkUploadURL="/工程名/editor/filemanager/upload/simpleuploader?Type=File"
flashUploadURL="/工程名/editor/filemanager/upload/simpleuploader?Type=Flash">
</fck:editor>
<input type="submit" name="submit" value="提交">
</form>
</body>
</html>
8.優化
以上都是把組件嵌入進工程的 配置過程，下面我們來把組件壓縮優化一下，把無用的文件給剔除掉：
刪除 \WebRoot\FCKeditor\editor\filemanager\browser\default\connectors 目錄下所有的文件，這些是用來瀏覽文件的，對于jsp的話是使用了 servlet 來處理，所以這些文件都是多余的
刪除 \WebRoot\FCKeditor\editor\filemanager\upload 目錄下所有的文件
刪除 WebRoot\FCKeditor\editor\lang 目錄下不需要的語言，如保留中文【zh-cn.js】和英文[EN.js]還有 fcklanguagemanager.js 文件
刪除 \WebRoot\FCKeditor\editor\skins 目錄下不需要的皮膚文件，有三種皮膚，可根據需要進行刪除
其它：
1、fckconfig.js總配置文件，可用記錄本打開，修改后將文件存為utf-8 編碼格式。找到：
FCKConfig.TabSpaces = 0 ; 改為FCKConfig.TabSpaces = 1 ; 即在編輯器域內可以使用Tab鍵。
2、如果你的編輯器還用在網站前臺的話，比如說用于留言本或是日記回復時，那就不得不考慮安全
了，在前臺千萬不要使用Default的toolbar，要么自定義一下功能，要么就用系統已經定義好的Basic，也就是基本的toolbar，找到：
FCKConfig.ToolbarSets["Basic"] = [
['Bold','Italic','-','OrderedList','UnorderedList','-',/*'Link',*/'Unlink','','Style','FontSize','TextColor','BGColor','-','Smiley','SpecialChar','Replace','Preview'] ] ;
這是改過的Basic，把圖像功能去掉，把添加鏈接功能去掉，因為圖像和鏈接和flash和圖像按鈕添加功能都能讓前臺頁直接訪問和上傳文件， fckeditor還支持編輯域內的鼠標右鍵功能。
FCKConfig.ContextMenu = [
'Generic',/*'Link',*/'Anchor',/*'Image',*/'Flash','Select','Textarea','Checkbox',
'Radio','TextField','HiddenField',/*'ImageButton',*/'Button','BulletedList',
'NumberedList','TableCell','Table','Form'] ;
這也是改過的把鼠標右鍵的“鏈接、圖像，FLASH，圖像按鈕”功能都去掉。
3、找到： FCKConfig.FontNames =
'Arial;Comic Sans MS;Courier New;Tahoma;Times New Roman;Verdana' ;
加上幾種我們常用的字體 ：
FCKConfig.FontNames = '宋體;黑體;隸書;楷體_GB2312;Arial;Comic Sans MS;
Courier New;Tahoma;Times New Roman;Verdana' ;
4、注意上傳的文件名不能有中文，否則無法正常顯示或鏈接下載。
posted on 2008-05-23 16:05
長春語林科技 閱讀(955)
評論(0) 編輯 收藏 所屬分類:
util