电竞比分网-中国电竞赛事及体育赛事平台

分享

在jsp環(huán)境中配置使用FCKEditor_網(wǎng)頁(yè)陶吧_jsp_天極Yesky

 nbtymm 2006-10-25
FCKeditor是sourceforge.net上面的一個(gè)開(kāi)源項(xiàng)目,主要是實(shí)現(xiàn)在線(xiàn)網(wǎng)頁(yè)編輯器的功能,可以讓web程序擁有如MS Word這樣強(qiáng)大的編輯功能。官方網(wǎng)站為http://www. ,在服務(wù)器端支持ASP.Net、ASP、ClodFusion、PHP、Java等語(yǔ)言,并且支持IE 5+、Mozilla 、Netscape等主流瀏覽器。

  首先在官方網(wǎng)站下載fckeditor,注意有兩個(gè)包,一個(gè)是主文件,一個(gè)是jsp整合包的。

  1、解壓FCKeditor_2.2.zip,(FCKeditor主文件),將FCKeditor目錄復(fù)制到網(wǎng)站根目錄下,

  2、解壓FCKeditor-2.3.zip,(jsp,FCKeditor整合包),作用: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.

  3、將FCKeditor-2.3/web/WEB-INF/web.xml中的兩個(gè)servlet,servlet-mapping定義復(fù)制到自已項(xiàng)目的web.xml文件中
修改

<servlet-mapping> 
        <servlet-name>Connector</servlet-name> 
        <url-pattern>/editor/filemanager/browser/default/connectors/jsp/connector</url-pattern> 
    </servlet-mapping> 

    <servlet-mapping> 
        <servlet-name>SimpleUploader</servlet-name> 
        <url-pattern>/editor/filemanager/upload/simpleuploader</url-pattern>  
 </servlet-mapping>

  為

<servlet-mapping> 
        <servlet-name>Connector</servlet-name> 
        <url-pattern>/FCKeditor/editor/filemanager/browser/default/connectors/jsp/connector</url-pattern> 
    </servlet-mapping> 

    <servlet-mapping> 
        <servlet-name>SimpleUploader</servlet-name> 
        <url-pattern>/FCKeditor/editor/filemanager/upload/simpleuploader</url-pattern>  
  </servlet-mapping>

  4、將FCKeditor-2.3/web/WEB-INF/lib目錄下文件復(fù)制到自已項(xiàng)目的lib文件夾中

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

// 文件開(kāi)頭處加入 
<%@ taglib uri="http:///tags-fckeditor" prefix="FCK" %> 
//要使用的地方加入 
<FCK:editor id="content" basePath="/FCKeditor/" 
                                imageBrowserURL="/FCKeditor/editor/filemanager/browser/default/browser.html?Type=Image&Connector=connectors/jsp/connector" 
                                linkBrowserURL="/FCKeditor/editor/filemanager/browser/default/browser.html?Connector=connectors/jsp/connector" 
                                flashBrowserURL="/FCKeditor/editor/filemanager/browser/default/browser.html?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>

  啟動(dòng)服務(wù)器測(cè)試。。。。成功后,來(lái)給FCKeditor瘦瘦身. 

  1、將FCKeditor目錄下及子目錄下所有以”_”下劃線(xiàn)開(kāi)頭的文件夾刪除
  2.FCKeditor根目錄下只保留fckconfig.js, fckeditor.js, fckstyles.xml, fcktemplates.xml其余全部刪除
  3.將editor/filemanager/upload目錄下文件及文件夾清空.
  4.還可以將editor/skins目錄下的皮膚文件刪除,只留下default一套皮膚(如果你不需要換皮膚的話(huà))
  5.還可以將editor/lang目錄下文件刪除,只保留en.js, fcklanguagemanager.js, zh-cn.js, zh.js文件(英文,簡(jiǎn)體中文,繁體中文一般應(yīng)該夠用了:) )

  完成,現(xiàn)在看是不是清爽了很多?

  其它問(wèn)題:
  在struts+spring+hibernate中使用,上傳圖像功能中可能會(huì)出現(xiàn)報(bào):
  The output format must have a ‘{http://xml./xalan}content-handler’ property!
  錯(cuò)的情況,將WEB-INF/lib目錄下xalan*.jar刪除試試

  安全問(wèn)題:
  假如在前臺(tái)讓普通用戶(hù)也能使用FCKEditor,要注意相關(guān)安全問(wèn)題,在前臺(tái)使用時(shí),不要使用默認(rèn)的ToolBar,
  要將添加圖像,flash,圖像域按鈕去掉
在fckconfig.js中大約78行配置  那些數(shù)組中的值就像當(dāng)于界面上的一個(gè)功能,你可以強(qiáng)行把每組值試出來(lái)代表什么。:P

  到此安裝FCKeditor就完成了,相關(guān)詳細(xì)配置你可以看FCKeditor-2.3.zip,(jsp,FCKeditor整合包)文件夾中web/_samples目錄下的例子。

    本站是提供個(gè)人知識(shí)管理的網(wǎng)絡(luò)存儲(chǔ)空間,所有內(nèi)容均由用戶(hù)發(fā)布,不代表本站觀(guān)點(diǎn)。請(qǐng)注意甄別內(nèi)容中的聯(lián)系方式、誘導(dǎo)購(gòu)買(mǎi)等信息,謹(jǐn)防詐騙。如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容,請(qǐng)點(diǎn)擊一鍵舉報(bào)。
    轉(zhuǎn)藏 分享 獻(xiàn)花(0

    0條評(píng)論

    發(fā)表

    請(qǐng)遵守用戶(hù) 評(píng)論公約

    類(lèi)似文章 更多