熱點推薦:
您现在的位置: 電腦知識網 >> 編程 >> Java編程 >> JSP教程 >> 正文

在JSP環境中如何配置和使用fckeditor

2013-11-15 11:46:43  來源: JSP教程 

  FCKeditor是sourceforgenet上面的一個開源項目主要是實現在線網頁編輯器的功能可以讓web程序擁有如MS Word這樣強大的編輯功能官方網站為在服務器端支持ASPNetASPClodFusionPHPJava等語言並且支持IE +Mozilla Netscape等主流浏覽器

  

  首先在官方網站下載fckeditor注意有兩個包一個是主文件一個是jsp整合包的

  

  解壓FCKeditor_zip(FCKeditor主文件)將FCKeditor目錄復制到網站根目錄下

  

  解壓FCKeditorzip(jspFCKeditor整合包)作用This is the JSP Integration Pack for using FCKeditor inside a java server page without the complexity of using a Java scriptlets or the javascript api

  

  將FCKeditor/web/WEBINF/webxml中的兩個servletservletmapping定義復制到自已項目的webxml文件中

  

  修改如下內容:

  

  <servletmapping> <servletname>Connector</servletname> <urlpattern> /editor/filemanager/browser/default/connectors/jsp/connector </urlpattern> </servletmapping> <servletmapping> <servletname>SimpleUploader</servletname> <urlpattern>/editor/filemanager/upload/simpleuploader</urlpattern> </servletmapping>

  

  

  

  

  

  修改結果:

  

  <servletmapping> <servletname>Connector</servletname> <urlpattern> /FCKeditor/editor/filemanager/browser/default/connectors/jsp/connector </urlpattern> </servletmapping> <servletmapping> <servletname>SimpleUploader</servletname> <urlpattern>/FCKeditor/editor/filemanager/upload/simpleuploader</urlpattern> </servletmapping>

  

  

  

  

  

  將FCKeditor/web/WEBINF/lib目錄下文件復制到自已項目的lib文件夾中

  

  在需使用FCKeditor的jsp界面中加入

  

  

  // 文件開頭處加入

  <%@ taglib uri="%>

  //要使用的地方加入

  

  <FCK:editor id="content" basePath="/FCKeditor/" imageBrowserURL="/FCKeditor/editor/filemanager/browser/default/browserhtml? Type=Image&Connector=connectors/jsp/connector" linkBrowserUR L="/FCKeditor/editor/filemanager/browser/default/browserhtml? Connector=connectors/jsp/connector" flashBrowserURL="/FCKeditor/editor/filemanager/browser/default/browserhtml? Type=Flash&Connector=connectors/jsp/connector" imageUploadURL="/FCKeditor/editor/filemanager/upload/simpleuploader?Type=Image" linkUploadURL="/FCKeditor/editor/filemanager/upload/simpleuploader?Type=File" flashUploadURL="/FCKeditor/editor/filemanager/upload/simpleuploader?Type=Flash"> this is default content :) </FCK:editor>

  

  

  

  

  啟動服務器測試…成功後來給FCKeditor瘦瘦身

  

  將FCKeditor目錄下及子目錄下所有以”_”下劃線開頭的文件夾刪除

  

  FCKeditor根目錄下只保留fckconfigjs fckeditorjs fckstylesxml fcktemplatesxml其余全部刪除

  

  將editor/filemanager/upload目錄下文件及文件夾清空

  

  還可以將editor/skins目錄下的皮膚文件刪除只留下default一套皮膚(如果你不需要換皮膚的話)

  

  還可以將editor/lang目錄下文件刪除只保留enjs fcklanguagemanagerjs zhcnjs zhjs文件(英文簡體中文繁體中文一般應該夠用了:) )

  

  完成

  

  其它問題

  

  在struts+spring+hibernate中使用上傳圖像功能中可能會出現報

  

  The output format must have a ‘{}contenthandler’ property!

  

  錯的情況將WEBINF/lib目錄下xalan*jar刪除試試

  

  安全問題

  

  假如在前台讓普通用戶也能使用FCKEditor要注意相關安全問題在前台使用時不要使用默認的ToolBar要將添加圖像flash圖像域按鈕去掉在fckconfigjs中大約行配置 那些數組中的值就像當於界面上的一個功能你可以強行把每組值試出來代表什麼

  

  到此安裝FCKeditor就完成了相關詳細配置你可以看FCKeditorzip(jspFCKeditor整合包)文件夾中web/_samples目錄下的例子


From:http://tw.wingwit.com/Article/program/Java/JSP/201311/19602.html
    推薦文章
    Copyright © 2005-2013 電腦知識網 Computer Knowledge   All rights reserved.