Insert two editors in the same page.

First of all sorry for my bad english! I've a problem: I wanna insert into my page 2 or more editors.
I Have 2 textareas in my page:

<textarea name="one" id="one">SOMETHING</textarea>
<textarea name="two" id="two">SOMETHING</textarea>

And when I call the javascript in my php page:

/* FIRST EDITOR */
echo '<script type="text/javascript">
window.onload = function()
{
   CKEDITOR.replace( \'one'\',
   {
      filebrowserBrowseUrl : \'../ckfinder/ckfinder.html\',
                filebrowserImageBrowseUrl : \'../ckfinder/ckfinder.html?Type=Images\',
                filebrowserFlashBrowseUrl : \'../ckfinder/ckfinder.html?Type=Flash\',
                filebrowserUploadUrl : \'../ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Files\',
                filebrowserImageUploadUrl : \'../ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Images\',
                filebrowserFlashUploadUrl : \'../ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Flash\'
         });
}
</script>';



/* SECOND EDITOR */      
echo '<script type="text/javascript">
window.onload = function()
{
CKEDITOR.replace( \'two'\',{
filebrowserBrowseUrl : \'../ckfinder/ckfinder.html\',
filebrowserImageBrowseUrl : \'../ckfinder/ckfinder.html?Type=Images\',
filebrowserFlashBrowseUrl : \'../ckfinder/ckfinder.html?Type=Flash\',
filebrowserUploadUrl : \'../ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Files\',
filebrowserImageUploadUrl : \'../ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Images\',
filebrowserFlashUploadUrl : \'../ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Flash\'
});
}
</script>';

I find the editor only in one of two textareas not in both. I suppose the problem is in the replace method.
Any ideas about?
Thanks at all!

Thu, 11/05/2009 - 20:45

kaffesump

Joined: 02/11/2009

Posts: 8

Re: Insert two editors in the same page.

Try below code. I'm not sure but it feels like you are overwriting the first function you bind to the window.onload event when you set it the second time to the second editor.

/* FIRST EDITOR */
    echo '<script type="text/javascript">
    window.onload = function()
    {
       CKEDITOR.replace( \'one'\',
       {
          filebrowserBrowseUrl : \'../ckfinder/ckfinder.html\',
                    filebrowserImageBrowseUrl : \'../ckfinder/ckfinder.html?Type=Images\',
                    filebrowserFlashBrowseUrl : \'../ckfinder/ckfinder.html?Type=Flash\',
                    filebrowserUploadUrl : \'../ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Files\',
                    filebrowserImageUploadUrl : \'../ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Images\',
                    filebrowserFlashUploadUrl : \'../ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Flash\'
             });

CKEDITOR.replace( \'two'\',{
    filebrowserBrowseUrl : \'../ckfinder/ckfinder.html\',
    filebrowserImageBrowseUrl : \'../ckfinder/ckfinder.html?Type=Images\',
    filebrowserFlashBrowseUrl : \'../ckfinder/ckfinder.html?Type=Flash\',
    filebrowserUploadUrl : \'../ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Files\',
    filebrowserImageUploadUrl : \'../ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Images\',
    filebrowserFlashUploadUrl : \'../ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Flash\'
    });

    }
    </script>';

Thu, 11/05/2009 - 20:46

joolee

Joined: 05/11/2009

Posts: 9

Re: Insert two editors in the same page.

Take a look at the replacebycode.html file in the sample folder to look at how it's done.

Fri, 11/13/2009 - 08:57

danielec

Joined: 05/11/2009

Posts: 3

Re: Insert two editors in the same page.

Thanks for suggestion. I try to look the "replacebycode.html" file, and I've copy the js script in the source file,
this js:

/* FIRST EDITOR */
<script type="text/javascript">
            //<![CDATA[

               // This call can be placed at any point after the
               // <textarea>, or inside a <head><script> in a
               // window.onload event handler.

               // Replace the <textarea id="editor"> with an CKEditor
               // instance, using default configurations.
               CKEDITOR.replace( 'one' );

            //]]>
            </script>

/* SECOND EDITOR */
<script type="text/javascript">
            //<![CDATA[

               // This call can be placed at any point after the
               // <textarea>, or inside a <head><script> in a
               // window.onload event handler.

               // Replace the <textarea id="editor"> with an CKEditor
               // instance, using default configurations.
               CKEDITOR.replace( 'two' );

            //]]>
            </script>