It can't get easier than this... 1) include the libraries 2) set up the forms ajax submit 3) call the ckeditor to set up.
BUT... It doesn't set up the CKEditor ### <script type="text/javascript" src="../ckeditor/ckeditor.js"></script> <script language="javascript" type="text/javaScript" src="../js/ jquery-1.3.2.min.js"></script> <script src='../js/jquery.MetaData.js' type="text/javascript" language="javascript"></script> <script language="javascript" type="text/javaScript" src="../js/ jquery.form.js"></script> <script language="javascript" type="text/javaScript" src="../js/ jquery.CKEditor.js"></script> $(document).ready(function() { var options = { target: '#output1', // target element(s) to be updated with server response beforeSubmit: showRequest, // pre-submit callback success: showResponse, // post-submit callback url: 'a_program.php', // override for form's 'action' attribute type: 'post' // 'get' or 'post', override for form's 'method' attribute }; // bind form using 'ajaxForm' $('#btn-ajax').click(function(){ $('#form1').ajaxSubmit(options); }); }); var CKEDITOR_BASEPATH = 'http://www.domain.com/ckeditor/'; $(function(){ $.ckeditor.config = {skin: 'kama' }; // initialize $('textarea.cke1').ckeditor(); }); </script> <form method=post id=form1> <p><b>Message</b> <textarea cols="80" class=cke1 id="editor_kama" name="editor_kama" rows="10">Hi, this is your editor area. </textarea> </form> <div class="Clear"> <input id="btn-ajax" type="button" value="Test »" style="float:right"/> </div> ### Now, I can get the CKEditor to set up IF I add the following... CKEDITOR.replace({skin: 'kama' }) But then it doesn't plug into the forms processing (as all I get back is the text from the html and not the underlying HTML from the editor. In other words, if I turn "Hi, this is your editor area." bold I would expect to get back "<strong>Hi, this is your editor area.</strong>" but only the text is returned, not the HTML) My hope was that jquery.ckeditor would allow the form with ajax to function. Has anyone got it working as the documentation leaves much to be desired.