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 &raquo;"
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.

Reply via email to