The forum operates in read-only mode. Please head to StackOverflow for support.

Fri, 06/13/2008 - 16:18

stevend

Joined: 23/01/2008

Posts: 20

SetHTML when using the CreateHTML integration method

I'm using the CreateHTML() method to initialize an FCKeditor. I want to set the content of the editor but when I use the FCKeditorAPI.GetInstance('instanceName') i get an error saying "FCKeditorAPI is not defined". I guess it's because the FCKeditor hasn't finnished loading? Any fix or workaround?

fckTest.SetHTML(originalContent) gives an error as well. "SetHTML is not a function" or something like that.

var fckTest = new FCKeditor('test_edit');
fckTest.BasePath = "fckeditor/";

var originalContent = document.getElementById('myDiv').innerHTML;

document.getElementById('myDiv').innerHTML = fckTest.CreateHtml();

var myEditor = FCKeditorAPI.GetInstance('test_edit');
myEditor.SetHTML(originalContent );

Sun, 06/15/2008 - 17:14

stevend

Joined: 23/01/2008

Posts: 20

Re: SetHTML when using the CreateHTML integration method

Anyone?

Sun, 06/15/2008 - 19:00

alfonsoml

Joined: 31/12/2006

Posts: 3735

Re: SetHTML when using the CreateHTML integration method

The creation of the editor isn't synchronous, so you must wait for it to be created or set it's value before creating it.
Check the sample files.

Mon, 06/16/2008 - 09:31

stevend

Joined: 23/01/2008

Posts: 20

Re: SetHTML when using the CreateHTML integration method

Ok, I will.

So there s a way to detect that the editor is loaded? And I could set up a while-loop or something?

Mon, 06/16/2008 - 12:39

martinkou

Joined: 02/08/2007

Posts: 47

Re: SetHTML when using the CreateHTML integration method

stevenD wrote:Ok, I will.

So there s a way to detect that the editor is loaded? And I could set up a while-loop or something?

Use the FCKeditor_OnComplete() hook:
http://docs.fckeditor.net/FCKeditor_2.x ... Script_API

Mon, 06/16/2008 - 18:28

stevend

Joined: 23/01/2008

Posts: 20

Re: SetHTML when using the CreateHTML integration method

Can't figure out how to make use of that feature.

I've put together an example of my problem, which can be found here: [link removed]

Notice the error when you press "open editor". I want the original content to be inserted into the editor. It's similar to the ReplaceTextarea-method, but I can't use a textarea in this case because the ReplaceTextarea-method can't find the textarea when it's in another frame.

index.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"/>
        <title></title>
      <script type="text/javascript" src="fckeditor/fckeditor.js"></script>
      <script type="text/javascript">
      function openEditor() {
         var fckTest = new FCKeditor('test_edit');
         fckTest.BasePath = "fckeditor/";
         var originalContent = parent.top.frames["myIframe"].document.getElementById('myDiv').innerHTML;
         parent.top.frames["myIframe"].document.getElementById('myDiv').innerHTML = fckTest.CreateHtml();

         var myEditor = parent.top.frames["myIframe"].FCKeditorAPI.GetInstance('test_edit');
         myEditor.SetHTML('new content');
         
      }
      function setContent() {
         var myEditor = parent.top.frames["myIframe"].FCKeditorAPI.GetInstance('test_edit');
         myEditor.SetHTML('new content');
      }
      function closeEditor() {
         var editedContent = parent.top.frames["myIframe"].FCKeditorAPI.GetInstance('test_edit').GetXHTML();
         parent.top.frames["myIframe"].document.getElementById('myDiv').innerHTML = editedContent;
      }
      </script>
    </head>
    <body>
       <h1>Test</h1>
    <input type="button" onclick="openEditor()" value="Open editor">
    <input type="button" onclick="setContent()" value="Set new content">
    <input type="button" onclick="closeEditor()" value="Close editor">
   <iframe src="iframeContent.html" name="myIframe" height="400" width="400" scrolling="auto"></iframe>
    </body>
</html>

iframeContent.html

<html>
<head>
<title></title>
</head>
<body>
<div>
Text
<div id="myDiv">original content</div>
Text
</div>
</body>
</html>

Mon, 06/16/2008 - 20:09

alfonsoml

Joined: 31/12/2006

Posts: 3735

Re: SetHTML when using the CreateHTML integration method

straight from sample01.html

var oFCKeditor = new FCKeditor( 'FCKeditor1' ) ;
oFCKeditor.BasePath   = sBasePath ;
oFCKeditor.Height   = 300 ;
oFCKeditor.Value   = '<p>This is some <strong>sample text<\/strong>. You are using <a href="http://www.fckeditor.net/">FCKeditor<\/a>.<\/p>' ;
oFCKeditor.Create() ;

Mon, 06/16/2008 - 21:16

stevend

Joined: 23/01/2008

Posts: 20

Re: SetHTML when using the CreateHTML integration method

Thanks a lot!

To bad the documentation is incomplete I couldn't find the value-property listed anywhere in the documentation.