How can you preload CKEditor

Hi

the first instance of CKEditor loads pretty slowly. I figured out the skin (I use a custom one), language and styles are being loaded. Once an Editor has been instantiated, all editors after that load in an instance. So the question is: Can you preload the necessary stuff somehow? What methods does CKEditor call to load the skin, so I could load it manually?

Thanks,
Luke

Wed, 12/01/2010 - 19:32

btate

Joined: 15/07/2009

Posts: 54

Re: How can you preload CKEditor

What you can do is to preload it at page creation before you need the editor to be used. I do this in a javascript function and then place it inside a DIV tag that is hidden and then all I need to do is set the DIV to visible when i am ready for it. From a user stand point it is very quick.

  function insertCK ()
  {
     editor = CKEDITOR.appendTo( 'wysiwyg',
     {
         skin : 'v2',
         width : 1000,
         height : 400,
         removePlugins: 'elementspath',
         extraPlugins : 'ASPSpellCheck',
         resize_enabled: false,
         enterMode: 2, // 1 = <P>, 2= <BR>, 3 = <DIV>
         shiftEnterMode: 1, // 1 = <P>, 2= <BR>, 3 = <DIV>
         toolbar: [
                     ['Source','ASPSpellCheck'],
                     ['Cut','Copy','Paste','PasteText','PasteFromWord','Print'],
                     ['Undo','Redo','Find','Replace','SelectAll','RemoveFormat'],
                     ['BidiLtr', 'BidiRtl'],
                     ['Bold','Italic','Underline','Strike','Subscript','Superscript'],
                     ['NumberedList','BulletedList','Outdent','Indent','Blockquote','CreateDiv'],
                     ['JustifyLeft','JustifyCenter','JustifyRight','JustifyBlock'],
                     ['Link','Unlink','Anchor'],
                     ['Image','Table','HorizontalRule','Smiley','SpecialChar'],
                     ['TextColor','BGColor'],
                     ['Maximize', 'ShowBlocks','About'],
                     '/',
                     ['Format','Font','FontSize']
         ]
     });
     CKFinder.setupCKEditor( null, 'CKFinder/' );
  }

And the DIV tag

<Div id="wysiwyg" style="display:none;visibility:hidden;"></div>

See if that helps.

Fri, 12/03/2010 - 11:40

luke23ae

Joined: 27/11/2009

Posts: 66

Re: How can you preload CKEditor

Hmm, I instantiating a dummy editor sounds like a hacky solution to me. CKEditor inserts a couple of JS/CSS-inclusion tags when it is instantiated for the first time, and it surely uses a function for that. All you need to know it the name of that function and you could load it manually. That's more what I had in mind.

Also, to the DEV-Team: I think this is not a very uncommon wish, respectively this is something that might come in handy for all kinds of AJAX-based / on-the-fly replacements of CKEditor. A method for this in the API would be awesome!