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

Wed, 01/12/2011 - 11:20

dechiffre

Joined: 12/01/2011

Posts: 3

CKEDITOR.replace is not work

Hi everybody
I want to use ckeditor.
But I have a problem with CKEDITOR.replace
I specify that I was loading page with AJAX.

First I created a textarea element that name ise _Text

<textarea name="_Text" id ="_Text" style="border: 1px solid gray; width: 600px; height: 250px;">d</textarea>

Everything is normal.
Then I've used

   
alert('1');
CKEDITOR.editor.replace('_Text', { toolbar : [
         ['Bold','Italic','Font','FontSize'] ] });
alert('2');

After All That I saw alert number 1 and I got a message
[CKEDITOR.editor.replace] The element with id or name "_Text" was not found.

and the end,
I did not see alert message number 2

What is the problem my friend?
Why does my editor load?
Thanks
Respectfully yours.

Wed, 01/12/2011 - 14:56

diter98

Joined: 21/12/2009

Posts: 18

Re: CKEDITOR.replace is not work

dechiffre wrote:
First I created a textarea element that name ise _Text
<textarea name="_Text" id ="_Text" style="border: 1px solid gray; width: 600px; height: 250px;">d</textarea>

I have no problem with creating CKEditor by using CKEDITOR.replace() function - ever for multiple instances on one page.

So, show the code please how you create textarea element after loading.

Wed, 01/12/2011 - 16:37

dechiffre

Joined: 12/01/2011

Posts: 3

Re: CKEDITOR.replace is not work

My code is here.

<td colspan=2>   
   <script type='text/javascript'>
    alert(1);
    CKEDITOR.replace('_Text', { toolbar : [ ['Bold','Italic','Font','FontSize'] ] });
    CKEDITOR.instances[ '_Text' ];
    alert(2);
  </script>
<textarea name="_Text"    style="border: 1px solid gray; width: 600px; height: 250px;">Example</textarea>
</td>

this code loading with ajax from another php file
I dont understand what is the problem?
What is the meaning of this error?
[CKEDITOR.editor.replace] The element with id or name "_Text" was not found.
Thanks

Wed, 01/12/2011 - 17:01

dechiffre

Joined: 12/01/2011

Posts: 3

Re: CKEDITOR.replace is not work

Then I try this code.
I added onfocus event of textarea element.

<textarea name="_Text" id="_Text"
   style="border: 1px solid gray; width: 600px; height: 250px;" onfocus="CKEDITOR.editor.replace('_Text', { toolbar : [['Bold','Italic','Font','FontSize'] ] });" >Example</textarea>

After User clicked textarea element.Editor is loaded.
Now I understand CKEDITOR.editor.replace code is not loaded.
I must loaded the CKEDITOR.editor.replace code.
But I dont know how?
I chechk firebug.There is no code about javascript.
So
I write this code

<td colspan=2>   
   <script type='text/javascript'>
    alert(1);
    CKEDITOR.replace('_Text', { toolbar : [ ['Bold','Italic','Font','FontSize'] ] });
    alert(2);
  </script>
<textarea name="_Text"    style="border: 1px solid gray; width: 600px; height: 250px;">Example</textarea>
</td>

But it's seems like that

 
<td colspan=2>   
<textarea name="_Text"    style="border: 1px solid gray; width: 600px; height: 250px;">Example</textarea>
</td>

How do I load CKEDITOR.replace ?
Thanks.

Wed, 01/12/2011 - 17:38

diter98

Joined: 21/12/2009

Posts: 18

Re: CKEDITOR.replace is not work

I asked you to show the code "how you created the textarea", i.e. how you display the textarea after the information about the page was loaded through ajax.

Concerning to this one:

<td colspan=2>   
   <script type='text/javascript'>
    alert(1);
    CKEDITOR.replace('_Text', { toolbar : [ ['Bold','Italic','Font','FontSize'] ] });
    alert(2);
  </script>
<textarea name="_Text"    style="border: 1px solid gray; width: 600px; height: 250px;">Example</textarea>
</td>

and the error "[CKEDITOR.editor.replace] The element with id or name "_Text" was not found.", it means that you were trying to replace textare which hadn't been added to DOM yet.

You can try this one:

<td colspan=2>   
<textarea name="_Text"    style="border: 1px solid gray; width: 600px; height: 250px;">Example</textarea>
   <script type='text/javascript'>
    alert(1);
    CKEDITOR.replace('_Text', { toolbar : [ ['Bold','Italic','Font','FontSize'] ] });
    alert(2);
  </script>
</td>

If it doesn't help I still need what I asked above.

Fri, 08/05/2011 - 15:59

livin52

Joined: 05/08/2011

Posts: 1

Re: CKEDITOR.replace is not work

Maybe you have already solved this. But this may be usefull for future reference.

CKEditor works with the ID attribute.

Try this:

<td colspan=2>
   <textarea name="_Text" id="_Text" style="border: 1px solid gray; width: 600px; height: 250px;">Example</textarea>
   <script type='text/javascript'>
    CKEDITOR.replace('_Text', { toolbar : [ ['Bold','Italic','Font','FontSize'] ] });
  </script>
</td>