1.在使用控件的頁面：
? <textarea name="PostEditor" id="PostEditor" rows="10" cols="80" style="width: 100%; height: 200px"></textarea>
2.fckeditor.js
?//讓PostEditor不可見
?oTextarea.style.display = 'none' ;
?//在當前頁面插入一個iframe;該iframe指向fckeditor.original.html
?'<iframe id="' + this.InstanceName + '___Frame" src="' + sLink + '" width="' + this.Width + '" height="' +

this.Height + '" frameborder="0" scrolling="no"></iframe>' ;
------------------fckeditor.original.html---------------------------------
3.??? fck.js

?//把PostEditor保存到FCK.LinkedField
?var oDocument = window.parent.document ;
?var eLinkedField??= oDocument.getElementById( FCK.Name ) //其中FCK.Name="PostEditor"
?FCK.LinkedField = eLinkedField ;
4.? fckeditor.original.html
??? 生成工具欄如果過工具欄生成成功后就加載編輯框
function LoadToolbar()
{
?var oToolbarSet = FCK.ToolbarSet = FCKToolbarSet_Create() ;
?
?if ( oToolbarSet.IsLoaded )
??StartEditor() ;
?else
?{
??oToolbarSet.OnLoad = StartEditor ;
??oToolbarSet.Load( FCKURLParams['Toolbar'] || 'Default' ) ;
?}
}
5. fck_1.js
?//生成編輯框
?FCK.EditingArea = new FCKEditingArea( document.getElementById( 'xEditingArea' ) ) ;
?//把PostEditor的值放到這個編輯框中，其實編輯框實際上在xEditingArea里邊的iframe中
?this.SetHTML( FCKTools.GetLinkedFieldValue() ) ;
6.fck_1.js
//在頁面加載完成后執行FCK_EditingArea_OnLoad，目的是讓在PostEditor所在的form提交是執行FCK.UpdateLinkedField：
FCKTools.AttachToLinkedFieldFormSubmit( FCK.UpdateLinkedField )
7.fck_1.js
//FCK.UpdateLinkedField里的一段代碼：是把iframe里的編輯框中的值賦給PostEditor。
FCK.LinkedField.value = FCK.GetXHTML( FCKConfig.FormatOutput ) ;

轉載于:https://www.cnblogs.com/Elong/archive/2008/05/24/1206475.html

總結

以上是生活随笔為你收集整理的FCKeditor的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。