Question

I’m having troubles with fckeditor in Firefox. When the user goes to a page, the html (encoded) is stored in a hidden input element. I call the predefined fckeditor javascript event to populate my editor with the html from the hidden ContentBody element.

        function FCKeditor_OnComplete( editorInstance )
        {
            editorInstance.InsertHtml("");
            var sample = document.getElementById("ContentBody").value;
            editorInstance.InsertHtml(sample);
        }

This automatically populates the editor with the desired text in IE, but in Firefox it doesn’t. Firebug gives me the error :

A is null [Break on this error] var
FCKW3CRange=function(A){this._Docume…eateFromRange(this._Document,this);}};\r\n

Using Firebug I can determine that the event method FCKeditor_OnComplete() just isn’t fired when using Firefox. It is, however, in IE. Any ideas on how to get this to work in both browsers?

The HTML for ContentBody is:
<input type="hidden" name="ContentBody" id="ContentBody" value="<%=Model.Article%>" />

Answer 1

I came to a solution to this last month while working on a new project. First I store the encoded HTML string in a hidden input element:

<input type="hidden" name="ContentBody" id="ContentBody" value="<%=Model.Body%>" />

This function is the event that is called when the FCKeditor instance in finished loading.

function FCKeditor_OnComplete(editorInstance) 
{
    var oEditor = FCKeditorAPI.GetInstance(editorInstance.Name);
    var content = parent.document.getElementById("ContentBody").value;
    var EditedContent = content.replace(/\u201C/g, '"');
    oEditor.InsertHtml(EditedContent);
    content = null;
}

It seems Firefox requires the javascript to call parent.document.getElementById()