隨筆 - 30, 文章 - 0, 評論 - 27, 引用 - 0
          數據加載中……

          FCKeditor使用說明

           

          開發環境:
          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            <!-- 根據文件的類型還需要新建相關的文件夾 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            <!-- 此參數為是否開啟上傳功能 --> 
          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            <!-- 此參數為文件過濾,以下的文件類型都不可以上傳 --> 
          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 石業海 閱讀(2086) 評論(6)  編輯  收藏 所屬分類: 常用組件

          評論

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

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

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

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

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

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

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

          使用 html_entity_decode 函授對數據庫中的 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

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


          網站導航:
           
          主站蜘蛛池模板: 嘉荫县| 邯郸县| 中牟县| 咸宁市| 昆山市| 枣阳市| 沅陵县| 清涧县| 彭水| 门源| 忻城县| 香港 | 清镇市| 尉犁县| 万年县| 长沙县| 从化市| 清丰县| 昭平县| 嘉黎县| 庆云县| 滁州市| 乌海市| 石嘴山市| 惠来县| 上杭县| 留坝县| 柘荣县| 桓仁| 桂林市| 阿拉善右旗| 南溪县| 连云港市| 永川市| 东山县| 马关县| 清原| 博客| 深州市| 宿松县| 武城县|