FCK 編輯器焦點問題
更新時間:2009年11月05日 00:02:20 作者:
在使用FCK編輯器的時候,我們經(jīng)常會進(jìn)行對FCK編輯器的賦值操作,賦值的操作有兩個關(guān)鍵的地方,如果不清楚的話出了錯還百思不得其解.
第一個問題:廷時處理
在頁面剛加載的時候?qū)CK賦值,比如在信息列表中選中一條信息進(jìn)行查看或修改的時候,信息添加的時候用FCK編輯的,加載頁面的時候會加載FCK編輯器,此時會報出一個錯誤:"FCKeditorAPI undefined",這是為什么呢,因為頁面加載對FCKeditorAPI 賦值時FCKeditorAPI 還沒創(chuàng)建好,所以才會出現(xiàn)這個錯誤。那如何解決呢?
我們做一個廷時處理就可以了:
//id:控件ID,data:對控件賦值的內(nèi)容
function SetData(id,data) {
if (typeof FCKeditorAPI == "undefined" || !FCKeditorAPI.GetInstance(id).EditingArea) {
setTimeout(function() { SetData(id,data); }, 500);
return;
}
FCKeditorAPI.GetInstance(id).EditorDocument.body.innerHTML = data;
setTimeout(function() { FCKeditorAPI.GetInstance(id).Focus(); }, 100);
}
這樣就OK了,>.<
第二個地方:對DOM對象進(jìn)行賦值
賦值的時候我們一般用FCKeditorAPI.GetInstance("控件ID").SetHTML("賦值字符串")來進(jìn)行賦值,這樣也是正確的,但在頁面加載的時候這樣賦值是不行了,
如果這樣賦值你會發(fā)現(xiàn)鼠標(biāo)焦點的控制就有問題了,獲取焦點也獲取不到,這個時候就要用另一種賦值方式了,對控件的DOM對象進(jìn)行賦值:
FCKeditorAPI.GetInstance(“控件ID”).EditorDocument.body.innerHTML = “賦值字符串”;
這樣賦值焦點就恢復(fù)正常了。
碰到這個問題的時候也郁悶了好久,希望對使用FCK的朋友對遇到這樣的問題有點幫助。
在頁面剛加載的時候?qū)CK賦值,比如在信息列表中選中一條信息進(jìn)行查看或修改的時候,信息添加的時候用FCK編輯的,加載頁面的時候會加載FCK編輯器,此時會報出一個錯誤:"FCKeditorAPI undefined",這是為什么呢,因為頁面加載對FCKeditorAPI 賦值時FCKeditorAPI 還沒創(chuàng)建好,所以才會出現(xiàn)這個錯誤。那如何解決呢?
我們做一個廷時處理就可以了:
//id:控件ID,data:對控件賦值的內(nèi)容
function SetData(id,data) {
if (typeof FCKeditorAPI == "undefined" || !FCKeditorAPI.GetInstance(id).EditingArea) {
setTimeout(function() { SetData(id,data); }, 500);
return;
}
FCKeditorAPI.GetInstance(id).EditorDocument.body.innerHTML = data;
setTimeout(function() { FCKeditorAPI.GetInstance(id).Focus(); }, 100);
}
這樣就OK了,>.<
第二個地方:對DOM對象進(jìn)行賦值
賦值的時候我們一般用FCKeditorAPI.GetInstance("控件ID").SetHTML("賦值字符串")來進(jìn)行賦值,這樣也是正確的,但在頁面加載的時候這樣賦值是不行了,
如果這樣賦值你會發(fā)現(xiàn)鼠標(biāo)焦點的控制就有問題了,獲取焦點也獲取不到,這個時候就要用另一種賦值方式了,對控件的DOM對象進(jìn)行賦值:
FCKeditorAPI.GetInstance(“控件ID”).EditorDocument.body.innerHTML = “賦值字符串”;
這樣賦值焦點就恢復(fù)正常了。
碰到這個問題的時候也郁悶了好久,希望對使用FCK的朋友對遇到這樣的問題有點幫助。
相關(guān)文章
新浪博客在線編輯器傻瓜調(diào)用版(2007.11.1第四次修正)提供下載了
新浪博客在線編輯器傻瓜調(diào)用版(2007.11.1第四次修正)提供下載了...2007-11-11一款支持插入表情的編輯器實現(xiàn)代碼(簡單思路挺重要)
先說做的是什么哈。 一個發(fā)言框,功能不多。 要求能插入表情,最終得到的代碼表情不是<img>標(biāo)記,而是類似 /:haha 的表情代碼。項目做的時候有些部分用了Jquery直接上代碼了2010-07-07FCKeditor + SyntaxHighlighter 讓代碼高亮著色插件
FCKeditor是現(xiàn)在最為流行的開源編輯器,SyntaxHighlighter是一個用JS實現(xiàn)的代碼高亮顯示插件,F(xiàn)CKeditor + SyntaxHighlighter 讓代碼高亮著色,可以最小化修改您的程序?qū)崿F(xiàn)效果2014-06-06KindEditor 4.x 在線編輯器常用方法小結(jié)
要修改默認(rèn)后臺程序處理文件,修改plugins(插件文件夾)下的JavaScript內(nèi)容fileManagerJson改為自己使用程序語言2011-11-11整合ckeditor+ckfinder,解決上傳文件路徑問題
現(xiàn)在fckeditor已經(jīng)改名為ckeditor,上傳控件也分離為ckfinder,按照說明文檔的默認(rèn)配置會出現(xiàn)上傳路徑不正確的情況,因為我們的網(wǎng)站可以通過定義默認(rèn)網(wǎng)站、虛擬目錄、以及放在網(wǎng)站的子目錄下進(jìn)行訪問2011-11-11使用Js獲取、插入和更改FCKeditor編輯器里的內(nèi)容
這篇文章主要介紹了使用Js獲取、插入和更改FCKeditor編輯器里的內(nèi)容,包括JS操作Fckeditor的一些常用方法,需要的朋友可以參考下2020-02-02