posts - 325,  comments - 25,  trackbacks - 0
          下載:www.fckeditor.net
          1.新建一工程Fckeditor

          2. 將FCKeditor_2.3包中的 editor 文件夾和fckconfig.js、fckeditor.js、fckstyles.xml、fcktemplates.xml

          這四個(gè)文件放到項(xiàng)目中的 FCKeditor 目錄。

          3. 將FCKeditor.Java -2.3.zip 包中的 \web\WEB-INF\lib 下的兩個(gè) jar 文件到項(xiàng)目的 WebRoot\WEB-INF\lib目錄下

          4. 將FCKeditor.Java -2.3.zip 包中的 \src 下的 FCKeditor.tld 文件到項(xiàng)目的 WebRoot\WEB-INF 目錄

          5. 在 WebRoot 目錄下新建 UserFiles 文件夾,在此文件夾下新建 Image、 Flash 、File、Media四個(gè)文件夾 ,他們分別用來存放上傳的圖片、動(dòng)畫、文件、媒體文件

          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.優(yōu)化

          以上都是把組件嵌入進(jìn)工程的 配置過程,下面我們來把組件壓縮優(yōu)化一下,把無用的文件給剔除掉:

          刪除 \WebRoot\FCKeditor\editor\filemanager\browser\default\connectors 目錄下所有的文件,這些是用來瀏覽文件的,對(duì)于jsp的話是使用了 servlet 來處理,所以這些文件都是多余的

          刪除 \WebRoot\FCKeditor\editor\filemanager\upload 目錄下所有的文件

          刪除 WebRoot\FCKeditor\editor\lang 目錄下不需要的語言,如保留中文【zh-cn.js】和英文[EN.js]還有 fcklanguagemanager.js 文件

          刪除 \WebRoot\FCKeditor\editor\skins 目錄下不需要的皮膚文件,有三種皮膚,可根據(jù)需要進(jìn)行刪除

          其它:

          1、fckconfig.js總配置文件,可用記錄本打開,修改后將文件存為utf-8 編碼格式。找到:

          FCKConfig.TabSpaces = 0 ; 改為FCKConfig.TabSpaces = 1 ; 即在編輯器域內(nèi)可以使用Tab鍵。

          2、如果你的編輯器還用在網(wǎng)站前臺(tái)的話,比如說用于留言本或是日記回復(fù)時(shí),那就不得不考慮安全

          了,在前臺(tái)千萬不要使用Default的toolbar,要么自定義一下功能,要么就用系統(tǒng)已經(jīng)定義好的Basic,也就是基本的toolbar,找到:

          FCKConfig.ToolbarSets["Basic"] = [
          ['Bold','Italic','-','OrderedList','UnorderedList','-',/*'Link',*/'Unlink','','Style','FontSize','TextColor','BGColor','-','Smiley','SpecialChar','Replace','Preview'] ] ;

          這是改過的Basic,把圖像功能去掉,把添加鏈接功能去掉,因?yàn)閳D像和鏈接和flash和圖像按鈕添加功能都能讓前臺(tái)頁直接訪問和上傳文件, fckeditor還支持編輯域內(nèi)的鼠標(biāo)右鍵功能。

          FCKConfig.ContextMenu = [

          'Generic',/*'Link',*/'Anchor',/*'Image',*/'Flash','Select','Textarea','Checkbox',

          'Radio','TextField','HiddenField',/*'ImageButton',*/'Button','BulletedList',

          'NumberedList','TableCell','Table','Form'] ;

          這也是改過的把鼠標(biāo)右鍵的“鏈接、圖像,F(xiàn)LASH,圖像按鈕”功能都去掉。

          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 長(zhǎng)春語林科技 閱讀(957) 評(píng)論(0)  編輯  收藏 所屬分類: util
          <2008年5月>
          27282930123
          45678910
          11121314151617
          18192021222324
          25262728293031
          1234567

           

          長(zhǎng)春語林科技?xì)g迎您!

          常用鏈接

          留言簿(6)

          隨筆分類

          隨筆檔案

          文章分類

          文章檔案

          相冊(cè)

          收藏夾

          搜索

          •  

          最新評(píng)論

          閱讀排行榜

          評(píng)論排行榜

          主站蜘蛛池模板: 屏边| 容城县| 宁城县| 桐庐县| 通州市| 三门县| 隆回县| 博罗县| 磴口县| 临沂市| 三明市| 安仁县| 安丘市| 祁阳县| 舒城县| 海阳市| 瓦房店市| 松原市| 台北市| 巍山| 久治县| 达孜县| 当阳市| 瑞昌市| 乡宁县| 和静县| 汶川县| 大庆市| 新竹市| 宁明县| 辽源市| 嘉祥县| 景东| 海安县| 平塘县| 于田县| 松溪县| 南部县| 青海省| 拜城县| 嘉义市|