最近好多朋友問到
Fckeditor的自動保存功能，在此寫一下自己是怎麼實現的。其實思路很簡單。
- 頁面載入時註冊TimeOut事件，以監控指定Fckeditor的內容
- 當TimeOut事件確發時，如果Fckeditor的內容發生變化則自動保存，再重新註冊TimeOut事件
- 如果保存自己去實現吧，文本，XML，數據庫都可以
- 其實個人覺得最鬱悶的就是如何取得Fckeditor的內容，特別在.NET下直接使用工具欄放入而不是使用Fckeditor API實現的情況下，這個我研究出來了，可以看我附的Js源碼。
注：
Ajax框架使用
prototype.js實現。 <!--
/*
爲FckEditor增加自動備份功能
網頁運行時註冊FckeditorAutoSave
爲呂的部落格定製，基於會員
需要在頁面中設置一個id="
研究了好久才取得Fckeditor值，鬱悶...
Powered By Lvjiyong.com
使用或轉載請勿刪除作者信息
呂繼勇 2006.5.31
*/
var FckAutoSaveTime
var FckeditorNum;
var FckUpdateId;
var FckTitle;
var FckInfo;
var GUID;
var url = "http://www.lvjiyong.com/Admin/Blog/Article/PostNew.aspx"; //保存處理地址
var Fcktemp = '';
function FckedtiorAutoSave(autoSaveTime,fckeditorNum,updateId,fckTitle,fckinfo,guid)
{
FckAutoSaveTime = autoSaveTime;
FckeditorNum = fckeditorNum;
FckUpdateId = updateId;
FckTitle = fckTitle;
FckInfo = fckinfo;
GUID = guid;
window.setTimeout("FCKTimer()",FckAutoSaveTime);
}
function FCKTimer()
{
FckSave();
window.setTimeout("FCKTimer()",FckAutoSaveTime);
}
function FckSave()
{
var body = getFckeditorContent(FckeditorNum);
if( Fcktemp != body && body.length > 36)
{
$(FckUpdateId).innerHTML = FckInfo;
var title = $F(FckTitle);
var postData = 'ajaxaction=FckeditorAutoSave&GUID=' + GUID + '&Title=' + title + '&Body=' + body;
var my<a title="Ajax更多內容" href="/tag/Ajax" >Ajax</a> = new <a title="Ajax更多內容" href="/tag/Ajax" >Ajax</a>.Updater(FckUpdateId, url, {method: 'post', postBody: postData});
Fcktemp = getFckeditorContent(FckeditorNum);
}
}
function getFckeditorContent(fckeditorNum)
{
return window.frames[fckeditorNum].window.frames[0].document.body.innerHTML;
//return window.frames[最好用名稱].window.frames[0].document.body.innerHTML;
}
-->
