jsp文字編輯器使用方法

來源:互聯網
上載者:User

線上文字編輯器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'], ] ; 注意裡面可以任意變換順序, '/', 代表分行, 一個 [] 裡的內容為一個集中地區

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.