jQuery Form dan tinyMCE

Secara default, ketika menggunakan tinyMCE dalam sebuah form, ketika form disubmit dengan bantuan ajaxForm, maka field yang menggunakan tinyMCE tidak akan ikut terposting, salah satu solusi untuk mengatasi hal ini, adalah membuat hidden element, dan meng-assign nilai hidden element ini dengan isi field yang menggunakan tinyMCE sebelum proses serialisasi, berikut adalah potongan contoh konfigurasi ajaxForm untuk kasus ini : 

    var options = {             
       beforeSerialize: function(){
           $("#tujuan_html").val(tinyMCE.get('tujuan').getContent());
           $("#silabus_html").val(tinyMCE.get('silabus').getContent());
        },
            beforeSubmit:  validate,
            success:       function(data){
                if(data!="") {
                  window.location.assign("<?php echo url_for("@event_admin_pelatihan");?>?id="+data);
                } else {
                  window.location.assign("<?php echo url_for("@event_admin_pelatihan");?>"); 
                }
            }, 
            error: function(){
                $("#form_pelatihan").html("<div class='alert alert-danger'>Mohon maaf, telah terjadi kesalahan pada sistem <a href='<?php echo url_for("@event_admin_pelatihan");?>' class='btn btn-default'><span class='glyphicon glyphicon-repeat'></span> Kembali</a></div>");
            }
        };
$("#form_pelatihan").ajaxForm(options); 
Comments