隨筆 - 30, 文章 - 0, 評論 - 27, 引用 - 0
          數(shù)據(jù)加載中……

          FCKeditor使用說明

           

          開發(fā)環(huán)境:
          Tomcat6.0 MyEclipse 5.1.1

          FCKeditor 版本 FCKeditor_2.5 FCKeditor.Java 2.3

          下載地址: http://www.fckeditor.net/download/default.html

          開始:

          新建工程,名稱為 FCKeditor
          解壓 FCKeditor_2.5 包中的 edit 文件夾到項目中的 WebRoot\fck目錄

          解壓 FCKeditor_2.5 包中的 fckconfig.js、fckeditor.js、fckstyles.xml、fcktemplates.xml 文件夾到項目中的 WebRoot\fck目錄

          解壓 FCKeditor-2.3.zip 包中的 \web\WEB-INF\lib 下的兩個 jar 文件到項目的 WebRoot\WEB-INF\lib 目錄

          解壓 FCKeditor-2.3.zip 包中的 \src 下的 FCKeditor.tld 文件到項目的 WebContent\WEB-INF 目錄

          刷新一下工程,有一個文件會出錯,不管它是什么錯,將錯誤信息清除

          刪除 WebContent\edit 目錄下的 _source 文件夾

          修改 web.xml 文件,加入以下內容


          代碼

           1<servlet> 
           2        <servlet-name>Connector</servlet-name> 
           3        <servlet-class>com.fredck.FCKeditor.connector.ConnectorServlet</servlet-class> 
           4        <init-param> 
           5            <param-name>baseDir</param-name> 
           6            <!-- 此為文件瀏覽路徑 --> 
           7            <param-value>/UserFiles/</param-value> 
           8        </init-param> 
           9        <init-param> 
          10            <param-name>debug</param-name> 
          11            <param-value>true</param-value> 
          12        </init-param> 
          13        <load-on-startup>1</load-on-startup> 
          14    </servlet> 
          15
          16    <servlet> 
          17        <servlet-name>SimpleUploader</servlet-name> 
          18        <servlet-class>com.fredck.FCKeditor.uploader.SimpleUploaderServlet</servlet-class> 
          19
          20       <init-param> 
          21            <param-name>baseDir</param-name> 
          22            <!-- 此為文件上傳路徑,需要在WebRoot 目錄下新建 UserFiles 文件夾 --> 
          23            <!-- 根據(jù)文件的類型還需要新建相關的文件夾 Image、 Flash --> 
          24            <param-value>/UserFiles/</param-value> 
          25        </init-param> 
          26        <init-param> 
          27            <param-name>debug</param-name> 
          28            <param-value>true</param-value> 
          29        </init-param> 
          30        <init-param> 
          31            <!-- 此參數(shù)為是否開啟上傳功能 --> 
          32            <param-name>enabled</param-name> 
          33            <param-value>false</param-value> 
          34        </init-param> 
          35        <init-param> 
          36            <param-name>AllowedExtensionsFile</param-name> 
          37            <param-value></param-value> 
          38        </init-param> 
          39        <init-param> 
          40            <!-- 此參數(shù)為文件過濾,以下的文件類型都不可以上傳 --> 
          41            <param-name>DeniedExtensionsFile</param-name> 
          42            <param-value>php|php3|php5|phtml|asp|aspx|ascx|jsp|cfm|cfc|pl|bat|exe|dll|reg|cgi</param-value> 
          43        </init-param> 
          44        <init-param> 
          45            <param-name>AllowedExtensionsImage</param-name>
          46            <param-value>jpg|gif|jpeg|png|bmp</param-value> 
          47        </init-param> 
          48        <init-param> 
          49            <param-name>DeniedExtensionsImage</param-name> 
          50            <param-value></param-value> 
          51        </init-param> 
          52        <init-param> 
          53            <param-name>AllowedExtensionsFlash</param-name> 
          54            <param-value>swf|fla</param-value> 
          55        </init-param> 
          56        <init-param> 
          57            <param-name>DeniedExtensionsFlash</param-name> 
          58            <param-value></param-value> 
          59        </init-param> 
          60        <load-on-startup>1</load-on-startup> 
          61    </servlet> 
          62    
          63<servlet-mapping> 
          64    <servlet-name>Connector</servlet-name> 
          65    <url-pattern>/FCKeditor/fck/editor/filemanager/browser/default/connectors/jsp/connector</url-pattern> 
          66</servlet-mapping> 
          67
          68<servlet-mapping> 
          69    <servlet-name>SimpleUploader</servlet-name> 
          70    <url-pattern>/FCKeditor/fck/editor/filemanager/upload/simpleuploader</url-pattern> 
          71</servlet-mapping> 

          新建一個提交頁 test.jsp 文件和一個接收頁 show.jsp 文件

          test.jsp 代碼如下:


          代碼

           1<%@ page contentType = "text/html;charset=UTF-8" language = "java" %> 
           2<%@ taglib uri = "/WEB-INF/FCKeditor.tld" prefix = "fck" %><html> 
           3<head> 
           4    <title> Test </title> 
           5</head> <body> 
           6    <FORM action = "test1.jsp" > 
           7    <fck:editor id = "testfck" basePath = "/FCKeditor/fck/" 
           8    height = "100%" 
           9    skinPath = "/FCKeditor/fck/editor/skins/default/" 
          10    toolbarSet = "Default" 
          11    imageBrowserURL = "/FCKeditor/fck/editor/filemanager/browser/default/browser.html?Type=Image&Connector=connectors/jsp/connector" 
          12linkBrowserURL = "/FCKeditor/fck/editor/filemanager/browser/default/browser.html?Connector=connectors/jsp/connector" 
          13flashBrowserURL = "/FCKeditor/fck/editor/filemanager/browser/default/browser.html?Type=Flash&Connector=connectors/jsp/connector" 
          14imageUploadURL = "/FCKeditor/fck/editor/filemanager/upload/simpleuploader?Type=Image" 
          15    linkUploadURL = "/FCKeditor/fck/editor/filemanager/upload/simpleuploader?Type=File" 
          16flashUploadURL = "/FCKeditor/fck/editor/filemanager/upload/simpleuploader?Type=Flash" > 
          17</fck:editor> 
          18<input type="submit" /> 
          19    </FORM> 
          20</body> 
          21</html>

          show.jsp 代碼如下:

           

           1<%@ page contentType = "text/html;charset=UTF-8" language = "java" %> 
           2<%@ taglib uri = "/WEB-INF/FCKeditor.tld" prefix = "fck" %><html> 
           3<head> 
           4    <title> Test </title> 
           5</head> <body> 
           6    <FORM action = "test1.jsp" > 
           7    <fck:editor id = "testfck" basePath = "/FCKeditor/fck/" 
           8    height = "100%" 
           9    skinPath = "/FCKeditor/fck/editor/skins/default/" 
          10    toolbarSet = "Default" 
          11    imageBrowserURL = "/FCKeditor/fck/editor/filemanager/browser/default/browser.html?Type=Image&Connector=connectors/jsp/connector" 
          12linkBrowserURL = "/FCKeditor/fck/editor/filemanager/browser/default/browser.html?Connector=connectors/jsp/connector" 
          13flashBrowserURL = "/FCKeditor/fck/editor/filemanager/browser/default/browser.html?Type=Flash&Connector=connectors/jsp/connector" 
          14imageUploadURL = "/FCKeditor/fck/editor/filemanager/upload/simpleuploader?Type=Image" 
          15    linkUploadURL = "/FCKeditor/fck/editor/filemanager/upload/simpleuploader?Type=File" 
          16flashUploadURL = "/FCKeditor/fck/editor/filemanager/upload/simpleuploader?Type=Flash" > 
          17</fck:editor> 
          18<input type="submit" /> 
          19    </FORM> 
          20</body> 
          21</html>


          在 WebRoot 目錄下新建 UserFiles 文件夾,在此文件夾下新建 Image 和 Flash 兩個文件夾

          這樣就可以測試了

           

          參考http://www.aygfsteel.com/oksonic/archive/2006/05/11/45687.aspx

          posted on 2008-01-05 21:12 石業(yè)海 閱讀(2088) 評論(6)  編輯  收藏 所屬分類: 常用組件

          評論

          # re: FCKeditor使用說明  回復  更多評論   

          請問,我在使用FckEditor把原來編輯保存的內容從數(shù)據(jù)庫里讀取出來時,為什么顯示的不是 CSS作用后的編輯頁面,而是包括了HTML標簽的內容? 樓主 還碰到這個問題? 怎么解決的?
          2008-01-28 16:56 | hejianhuacn

          # re: FCKeditor使用說明  回復  更多評論   

          @hejianhuacn
          你把標簽要轉義一下
          2008-04-19 07:27 | hi

          # re: FCKeditor使用說明  回復  更多評論   

          如何初始化FCKeditor的值,也就是讀取數(shù)據(jù)庫里的值,如何放進編輯區(qū)中
          2008-07-23 14:52 | cocopig

          # re: FCKeditor使用說明  回復  更多評論   

          使用 html_entity_decode 函授對數(shù)據(jù)庫中的 html 轉義實體進行解碼!!
          html_entity_decode($database_string)
          2008-10-17 00:33 | fortruth

          # re: FCKeditor使用說明  回復  更多評論   

          jjjj
          2009-05-18 17:58 | 22

          # re: FCKeditor使用說明  回復  更多評論   

          @22
          kkkk
          2009-05-18 17:59 | 22

          只有注冊用戶登錄后才能發(fā)表評論。


          網(wǎng)站導航:
           
          主站蜘蛛池模板: 鞍山市| 巨鹿县| 寿宁县| 阳泉市| 仙居县| 张家港市| 彩票| 大新县| 昔阳县| 阿拉善右旗| 衢州市| 西乌珠穆沁旗| 蒙自县| 麻阳| 西丰县| 峨山| 白河县| 渝北区| 孝感市| 龙岩市| 普兰店市| 屏边| 佛冈县| 行唐县| 隆德县| 光山县| 汾阳市| 芦山县| 松原市| 钦州市| 和静县| 天长市| 阳春市| 福海县| 当涂县| 汝南县| 莒南县| 咸丰县| 北碚区| 固始县| 沂源县|