線上文字編輯器FCKeditor在JSP項目開發中的使用方法 以下均在tomcat伺服器下操作(不是開發環境下的操作) 首先下載兩個包: FCKeditor_2.6.4.zip,(FCKeditor主檔案) FCKeditor-2.3.zip,(jsp,FCKeditor整合包) 第一步:解壓FCKeditor_2.6.4.zip,(FCKeditor主檔案),將fckeditor目錄複寫到網站根目錄下,如果架設一個以bbs為名的網站,把fckeditor目錄複 制到bbs目錄下(注意是tomcat下面的bbs檔案目錄,而不是開發環境下的bbs目錄)。 第二步:解壓FCKeditor-2.3.zip,(jsp,FCKeditor整合包,在官網上它是屬於java檔案那個部分),將FCKeditor-2.3/web/WEB-INF/web.xml中的兩個 servlet,servlet-mapping定義複製到自已項目的web.xml檔案(注意是tomcat下的/bbs/WEB-INF/web.xml的web.xml檔案)中 修改自已項目的web.xml檔案中的: Connector /editor/filemanager/browser/default/connectors/jsp/connector SimpleUploader /editor/filemanager/upload/simpleuploader 為 : Connector /fckeditor/editor/filemanager/browser/default/connectors/jsp/connector SimpleUploader /fckeditor/editor/filemanager/upload/simpleuploader 將FCKeditor-2.3/web/WEB-INF/lib目錄下檔案複製到自已項目的lib檔案夾(注意是tomcat下的/bbs/WEB-INF/lib檔案夾)中, 第三步:在(bbs下)網站根目錄建立一個test.jsp和test1.jsp檔案 test.jsp檔案的內容是:
test1.jsp檔案的內容是:
意思是,在test.jsp中建立一個FCKeditor對象,然後在它的初始化方法中把EditorDefault作為屬性,並且和request關聯起來然後在test1.jsp裡面通過request.getParameter讀取屬性EditorDefault的值,這個值就是文字編輯器的內容,可以直接存放到資料庫中讀出來以後是按html翻譯後的,即和編輯時的一模一樣。 注意事項:以下是使用線上編輯器必不可少的
精簡內容(以下均為摘抄): 最後開始組態工具欄,工具列的配置主要是對 fckeditor 目錄下的 fckconfig.js 進行修改。 可以在網上搜尋‘fckconfig.js’或者 ‘FCK 工具列’,找到一篇文章:FCK編輯器精簡工具列 fckconfig.js 中關於工具列的設定原始為: FCKConfig.ToolbarSets["Default"] = [ ['Source','DocProps','-','Save','NewPage','Preview','-','Templates'], ['Cut','Copy','Paste','PasteText','PasteWord','-','Print','SpellCheck'], ['Undo','Redo','-','Find','Replace','-','SelectAll','RemoveFormat'], ['Form','Checkbox','Radio','TextField','Textarea','Select','Button','ImageButton','HiddenField'], '/', ['Bold','Italic','Underline','StrikeThrough','-','Subscript','Superscript'], ['OrderedList','UnorderedList','-','Outdent','Indent','Blockquote'], ['JustifyLeft','JustifyCenter','JustifyRight','JustifyFull'], ['Link','Unlink','Anchor'], ['Image','Flash','Table','Rule','Smiley','SpecialChar','PageBreak'], '/', ['Style','FontFormat','FontName','FontSize'], ['TextColor','BGColor'], ['FitWindow','ShowBlocks','-','About'] // No comma for the last row. ] ; 文章裡精簡為: //預設編輯器工具列設定 FCKConfig.ToolbarSets["Default"] = [ ['Source'],['PasteText','PasteWord','-'], ['Undo','Redo','-','Find','Replace','-','SelectAll','RemoveFormat','-','Subscript','Superscript'], ['OrderedList','UnorderedList','-','Outdent','Indent','Blockquote','ShowBlocks'], '/', ['Bold','Italic','Underline','StrikeThrough'], ['JustifyLeft','JustifyCenter','JustifyRight','JustifyFull'], ['Link','Unlink'],['TextColor','BGColor'], ['Image','Flash','Table','Rule','Smiley','SpecialChar','PageBreak'], '/', ['FontFormat','FontName','FontSize'], ] ; 最後我去除了一些功能,精簡為: FCKConfig.ToolbarSets["Default"] = [ ['PasteText','PasteWord','-'], ['Undo','Redo','-','Find','Replace','-','SelectAll','RemoveFormat','-','Subscript','Superscript'], ['OrderedList','UnorderedList','-','Outdent','Indent'], ['Link','Unlink'],['TextColor','BGColor'], ['Table','Rule','SpecialChar','PageBreak'], '/', ['Bold','Italic','Underline','StrikeThrough'], ['JustifyLeft','JustifyCenter','JustifyRight','JustifyFull'], ['FontFormat','FontName','FontSize'], ] ; 注意裡面可以任意變換順序, '/', 代表分行, 一個 [] 裡的內容為一個集中地區