說(shuō)明:在JSP中集成FCKeditor <!--[endif]-->JavaScript集成:
如上面內容所示,通過(guò)新建一個(gè)FCKeditor對象,然后調用該對象的設置方法來(lái)設置FCKeditor的各個(gè)屬性,最后調用FCKeditor的ReplaceTextarea()替換HTML頁(yè)面中的<textarea>標簽。另外FCKeditor也可以調用它的create()方法來(lái)直接在JSP嵌入FCKeditor編輯器。
注:注意上面的oFCKeditor.BasePath = "";用這種方式FCKeditor會(huì )去查找它的editor目錄下的fckeditor.html文件,由于我是直接將editor文件夾拷貝到WebContent目錄下,所以將它的BasePath設置為””,如果您將editor拷貝到其它目錄,請設置相應的BasePath屬性。FCKeditor默認是將其放在fckeditor目錄
(2) <!--[endif]-->使用自定義標簽該方法一定要完成第步:解壓 FCKeditor.java-2.3.zip 包,將其中的 \src 下的 FCKeditor.tld 文件到項目的 WebContent\WEB-INF 目錄
首先在JSP中加入FCKeditor標簽:
<%@ taglib uri=”/WEB-INF/FCKeditor.tld” prefix=”fck” %>
JSP頁(yè)面中加入如下代碼,集成FCKeditor編輯器:
js 代碼
-
- id="testfck" <!--—注意這里 -->
- basePath="/FCKeditor/"
- height="60%"
- skinPath="/FCKeditor/editor/skins/default/"
- toolbarSet="Default"
- 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">
-
(10) 新建文件,這個(gè)文件比較簡(jiǎn)單,只是簡(jiǎn)單的顯示從在線(xiàn)編輯器傳遞過(guò)來(lái)的內容,如下:
<%=request.getParameter("testfck")%>
注意這里的getParameter(“testfck”),這個(gè)”testfck”就是在input.jsp中設置的id。
4.FCKeditor類(lèi)說(shuō)明
下面是用來(lái)在頁(yè)面中建立編輯器的FCKEDITOR 類(lèi)的說(shuō)明
(1) 構造器:
FCKeditor(instanceName[,width,height,toolbarSet,value])
-
instanceName:編輯器的唯一名稱(chēng)(相當于ID)
-
toolbarSet:工具條集合的名稱(chēng)
(2) 屬性:
-
ToolbarSet:工具集名稱(chēng),參考FCKCONFIG.JS,默認值是Default
-
value:初始化編輯器的HTML 代碼,默認值為空
-
BasePath:編輯器的基路徑,默認為/Fckeditor/文件夾,注意,盡量不要使用相對路徑.最用相對于站點(diǎn)根路徑的表示方法,要以/結尾
-
CheckBrowser:是否在顯示編輯器前檢查瀏覽器兼容性,默認為true
-
DisplayErrors:是否顯示提示錯誤,默為true
(3) 集合:
Config[Key]=value
這個(gè)集合用于更改配置中某一項的值,如
oFckeditor.Config["DefaultLanguage"]="ptbr"
(4) 方法:
Create()
建立并輸出編輯器
RepaceTextArea(TextAreaName)
用編輯器來(lái)替換對應的文本框
5.如何配置FCKEDITOR
FCKEDITOR 提供了一套用于定制其外觀(guān),特性及行為的設置集.主配置文件名為Fckconfig.js你既可以編輯主配置文件,也可以自己定義單獨的配置文件.配置文件使用JAVASCRIPT 語(yǔ)法.修改后,在建立編輯器時(shí),可以使用以下語(yǔ)法:
varoFCKeditor=newFCKeditor('FCKeditor1')
oFCKeditor.Config['CustomConfigurationsPath']='/myconfig.js'
oFCKeditor.Create()
提醒:當你修改配置后,請清空瀏覽器緩存以查看效果
配置選項:
AutoDetectLanguage=true/false 自動(dòng)檢測語(yǔ)言
BaseHref=""相對鏈接的基地址
ContentLangDirection="ltr/rtl"默認文字方向
ContextMenu=字符串數組,右鍵菜單的內容
CustomConfigurationsPath=""自定義配置文件路徑和名稱(chēng)
Debug=true/false 是否開(kāi)啟調試功能,這樣,當調用FCKDebug.Output()時(shí),會(huì )在調試窗中輸出內容
DefaultLanguage=""缺省語(yǔ)言
EditorAreaCss=""編輯區的樣式表文件
EnableSourceXHTML=true/false 為TRUE 時(shí),當由可視化界面切換到代碼頁(yè)時(shí),把HTML 處理成XHTML
EnableXHTML=true/false 是否允許使用XHTML 取代HTML
FillEmptyBlocks=true/false 使用這個(gè)功能,可以將空的塊級元素用空格來(lái)替代
FontColors=""設置顯示顏色拾取器時(shí)文字顏色列表
FontFormats=""設置顯示在文字格式列表中的命名
FontNames=""字體列表中的字體名
FontSizes=""字體大小中的字號列表
ForcePasteAsPlainText=true/false 強制粘貼為純文本
ForceSimpleAmpersand=true/false