|
原文：http://3rgb.com，作者：檸檬園主
轉(zhuǎn)載請(qǐng)保留此信息
FCKeditor至今已經(jīng)到了2.3.1版本了，對(duì)于國(guó)內(nèi)的WEB開發(fā)者來(lái)說(shuō)，也基本上都已經(jīng)“聞風(fēng)知多少”了，很多人將其融放到自己的項(xiàng)目中，更有很多大型的網(wǎng)站從中吃到了甜頭。今天開始，我將一點(diǎn)點(diǎn)的介紹自己在使用FCKeditor過程中總結(jié)的一些技巧，當(dāng)然這些其實(shí)是FCK本來(lái)就有的，只是很多人用FCK的時(shí)候沒發(fā)現(xiàn)而已 :P
1、適時(shí)打開編輯器
很多時(shí)候，我們?cè)诖蜷_頁(yè)面的時(shí)候不需要直接打開編輯器，而在用到的時(shí)候才打開，這樣一來(lái)有很好的用戶體驗(yàn)，另一方面可以消除FCK在加載時(shí)對(duì)頁(yè)面打開速度的影響，如圖所示
點(diǎn)擊“Open Editor"按鈕后才打開編輯器界面
實(shí)現(xiàn)原理：使用JAVASCRIPT版的FCK，在頁(yè)面加載時(shí)（未打開FCK），創(chuàng)建一個(gè)隱藏的TextArea域，這個(gè)TextArea的name和ID要和創(chuàng)建的FCK實(shí)例名稱一致，然后點(diǎn)擊"Open Editor"按鈕時(shí)，通過調(diào)用一段函數(shù)，使用FCK的ReplaceTextarea()方法來(lái)創(chuàng)建FCKeditor，代碼如下：
<script type="text/javascript">
<!--
function showFCK(){
var oFCKeditor = new FCKeditor( 'fbContent' ) ;
oFCKeditor.BasePath = '/FCKeditor/' ;
oFCKeditor.ToolbarSet = 'Basic' ;
oFCKeditor.Width = '100%' ;
oFCKeditor.Height = '200' ;
oFCKeditor.ReplaceTextarea() ;
}
//-->
</script>
<textarea name="fbContent" id="fbContent">textarea>
2、使用FCKeditor 的 API
FCKeditor編輯器，提供了非常豐富的API，用于給End User實(shí)現(xiàn)很多想要定制的功能，比如最基本的數(shù)據(jù)驗(yàn)證，如何在提交的時(shí)候用JS判斷當(dāng)前編輯器區(qū)域內(nèi)是否有內(nèi)容，F(xiàn)CK的API提供了GetLength()方法；
再比如如何通過腳本向FCK里插入內(nèi)容，使用InsertHTML()等；
還有，在用戶定制功能時(shí)，中間步驟可能要執(zhí)行FCK的一些內(nèi)嵌操作，那就用ExecuteCommand()方法。
詳細(xì)的API列表，請(qǐng)查看FCKeditor的Wiki。而常用的API，請(qǐng)查看FCK壓縮包里的_samples/html/sample08.html。此處就不貼代碼了。
出處：藍(lán)色理想
責(zé)任編輯：moby
上一頁(yè) 下一頁(yè) FCKeditor 實(shí)戰(zhàn)技巧 [2]
◎進(jìn)入論壇網(wǎng)頁(yè)制作、網(wǎng)站綜合版塊參加討論
|
第 1 頁(yè) FCKeditor 實(shí)戰(zhàn)技巧 [1]
第 2 頁(yè) 
