让FckEditor具有自动保存功能

最近好多朋友问到 Fckeditor的自动保存功能，在此写一下自己是怎么实现的。其实思路很简单。

1. 页面载入时注册TimeOut事件，以监控指定Fckeditor的内容
2. 当TimeOut事件确发时，如果Fckeditor的内容发生变化则自动保存，再重新注册TimeOut事件
3. 如果保存自己去实现吧，文本，XML，数据库都可以
4. 其实个人觉得最郁闷的就是如何取得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; } -->