欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

AJAX FCKEditor Rich Editor整合篇

 更新時間:2008年09月12日 09:40:38   作者:  
Rich Editor是我們在Web應用經(jīng)常使用的一種客戶端控件,目前網(wǎng)上開源的、收費的也比較多,在對網(wǎng)上各種富文本編輯器進行了一系列比較之后,我最終選擇了FCKEditor

真正更新處理代碼如下:
復制代碼 代碼如下:

FCK.UpdateLinkedField = function () {
FCK.LinkedField.value = FCK.GetXHTML(FCKConfig.FormatOutput); // 將FCKEditor編輯的內(nèi)容取出來,這里是我們關心的重點
FCK.Events.FireEvent("OnAfterLinkedFieldUpdate");
};

OK,大致過程我們基本上已經(jīng)了解了,至于FCKEditor是如何在執(zhí)行onsubmit之前執(zhí)行綁定的更新處理的,暫且不表。

不過這里對FCKEditor的幾個對象類需要了解一下,一個是FCKConfig(保存一些相關的配置信息),F(xiàn)CK(取編輯器中編輯的內(nèi)容需要用到的)。這些類都存活在編輯器所在的IFrame頁面之中,在LinkedField所在的頁面是無法訪問到的。

下面是我們的使用代碼,這里是通過js創(chuàng)建FCKEditor實例的方式。
首先定義一個全局的FCKEditor對象: 
復制代碼 代碼如下:

var oFCKEditor = null;
var oFCKEditor = null;

在頁面初始化之后(一般是在body的onload事件中完成)創(chuàng)建oFCKEditor對象
復制代碼 代碼如下:

oFCKeditor = new FCKeditor( 'frmEntity_editor_content'/*LinkedField元素id*/, '100%;','400px', 'Default') ;
oFCKeditor.BasePath = "${request.getContextPath()}/editor/" ;
oFCKeditor.ReplaceTextarea() ;

oFCKeditor = new FCKeditor( 'frmEntity_editor_content'/*LinkedField元素id*/, '100%;','400px', 'Default') ;
oFCKeditor.BasePath = "${request.getContextPath()}/editor/" ;
oFCKeditor.ReplaceTextarea() ;

接下來是在執(zhí)行ajax請求提交前的處理: 
復制代碼 代碼如下:

var inputElementId = "frmEntity_editor_content"; // LinkedField元素id
var frameElement = eval(inputElementId + "___Frame"); // 用來嵌入FCKEditor的IFrame的id
var inputElement = eval(inputElementId);
inputElement.value = frameElement.window.FCK.GetXHTML(frameElement.window.FCKConfig.FormatOutput); // 取得FCKEditor中的內(nèi)容同步到LinkedField中去
// 收集提交內(nèi)容,執(zhí)行ajax請求
....

var inputElementId = "frmEntity_editor_content"; // LinkedField元素id
var frameElement = eval(inputElementId + "___Frame"); // 用來嵌入FCKEditor的IFrame的id
var inputElement = eval(inputElementId);
inputElement.value = frameElement.window.FCK.GetXHTML(frameElement.window.FCKConfig.FormatOutput); // 取得FCKEditor中的內(nèi)容同步到LinkedField中去
// 收集提交內(nèi)容,執(zhí)行ajax請求
....


這個就是我的整合過程,其實還是挺簡單的,不過碰到一個問題,就是在打開頁面之后,輸入焦點總是停留在FCKEditor的編輯區(qū)里面,而FCKEditor自己提供的例子里面不會出現(xiàn)這個情況,寫法也沒有什么區(qū)別,不知道問題出在哪里,有知道原因的朋友告知一聲。

相關文章

  • jsp中select的onchange事件用法實例

    jsp中select的onchange事件用法實例

    這篇文章主要介紹了jsp中select的onchange事件用法,以實例形式較為詳細的分析了JSP數(shù)據(jù)庫查詢、遍歷及結合JavaScript響應鼠標事件處理select相關技巧,需要的朋友可以參考下
    2015-10-10
  • JSP驗證碼簡單生成方法

    JSP驗證碼簡單生成方法

    這篇文章主要介紹了JSP驗證碼簡單生成方法,實例分析了jsp驗證碼圖片的生成技巧,涉及jsp數(shù)學運算及圖像處理方法,具有一定參考借鑒價值,需要的朋友可以參考下
    2015-10-10
  • JSP Spring  ApplicationContext的國際化支持

    JSP Spring ApplicationContext的國際化支持

    這篇文章主要介紹了JSP Spring ApplicationContext的國際化支持的相關資料,需要的朋友可以參考下
    2017-04-04
  • 詳解Struts2中對未登錄jsp頁面實現(xiàn)攔截功能

    詳解Struts2中對未登錄jsp頁面實現(xiàn)攔截功能

    這篇文章主要介紹了Struts2中對未登錄jsp頁面進行攔截功能的實現(xiàn),在演示源碼的同時對步驟和原理進行了分析,具有一定參考價值,需要得朋友可以了解下。
    2017-09-09
  • JSP實現(xiàn)頁面右下角消息彈框

    JSP實現(xiàn)頁面右下角消息彈框

    這篇文章主要為大家詳細介紹了JSP實現(xiàn)頁面右下角消息彈框,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2019-07-07
  • 關于JSP中文問題的解決方法

    關于JSP中文問題的解決方法

    關于JSP中文問題的解決方法...
    2006-10-10
  • Http請求長時間等待無結果返回解決辦法

    Http請求長時間等待無結果返回解決辦法

    這篇文章主要介紹了Http請求長時間等待無結果返回解決辦法的相關資料,需要的朋友可以參考下
    2017-04-04
  • jsp編程常用技巧小結

    jsp編程常用技巧小結

    這篇文章主要介紹了jsp編程常用技巧,結合實例形式分析了jsp針對表單、sql、字符串等的常用操作技巧,需要的朋友可以參考下
    2016-08-08
  • Jsp+Servlet實現(xiàn)購物車功能

    Jsp+Servlet實現(xiàn)購物車功能

    這篇文章主要為大家詳細介紹了Jsp+Servlet實現(xiàn)購物車功能,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2017-08-08
  • jsp頁面驗證碼完整實例

    jsp頁面驗證碼完整實例

    這篇文章主要為大家詳細介紹了jsp頁面驗證碼完整實例,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2017-07-07

最新評論