Wie ajax-submit eine Formular-Textarea-Eingabe von CKEditor?

Bin ich mit dem CKEditor, jQuery und jQuery form plugin und ich würde gerne die Inhalte der CkEditor form über eine Ajax-Abfrage. Hier ist mein code:

<form id="article-form" name="article-form" method="post" action="/myproject/save">
  <textarea name="bodyText" style="visibility: hidden; display: none;"></textarea>
  <script type="text/javascript">
    CKEDITOR.replace('bodyText');
  </script>

  <a onClick="$("#article-form").ajaxSubmit();">Submit</a>

</form>

Leider, es scheint, dass der Ajax request nicht bestanden bodyText parameter;

Was habe ich falsch gemacht oder wie kann ich erreichen, was brauche ich?

Danke.

InformationsquelleAutor der Frage fabien7474 | 2010-07-15

  1. 131

    müssen Sie zunächst rufen Sie die folgende, um die CKEDITORs update Ihrer verwandten Bereichen..

    for ( instance in CKEDITOR.instances )
    CKEDITOR.instances[instance].updateElement();

    so

    HTML

    <a onClick="CKupdate();$('#article-form').ajaxSubmit();">Submit</a>

    javascript und

    function CKupdate(){
    for ( instance in CKEDITOR.instances )
        CKEDITOR.instances[instance].updateElement();
}

    InformationsquelleAutor der Antwort Gabriele Petrioli

  2. 16

    Dies funktioniert für mich am besten: beforeSerialize Rückruf

    $('form#description').ajaxForm({
    beforeSerialize:function($Form, options){
        /* Before serialize */
        for ( instance in CKEDITOR.instances ) {
            CKEDITOR.instances[instance].updateElement();
        }
        return true; 
    },
    //other options
});

    InformationsquelleAutor der Antwort Pepa Chmel

  3. 8

    Wenn Sie die jQuery form pluginkönnen Sie die beforeSubmit option für eine elegantere Lösung:

    $("#form").ajaxForm({
    beforeSubmit:  function()
{
        /* Before submit */
    for ( instance in CKEDITOR.instances )
    {
        CKEDITOR.instances[instance].updateElement();
    }
},

  //... other options
});

    InformationsquelleAutor der Antwort Crewone

  4. 6

    In meinem Fall das folgende hat mir geholfen,benutze ich nur diese beiden Zeilen vor seializing form.

      for ( instance in CKEDITOR.instances )
       CKEDITOR.instances[instance].updateElement();

  var data = $('#myForm').serializeArray();

    InformationsquelleAutor der Antwort Milan Saha

  5. 3

    Habe ich versucht, etwas wie dieses:

    Zuerst hatte ich, um eine id = "#myForm" @Html.BeginForm danach ist, lege ich diese in meinen Scripten Teil, wo ich das Skript verwenden:

    <script type="text/javascript">
    $(document).ready(function CKupdate() {
        $('#myForm').ajaxForm(function () {
            for (instance in CKEDITOR.instances) {
                CKEDITOR.instances[instance].updateElement();
            }
        });       
    });
</script>

    und dann Tat ich etwas, wie diese =] zu meinem submit-button und es funktioniert gut für mich, nicht mehr drücken des Submit zweimal =]

    <button type="submit" id="submitButton" onclick="CKupdate();$('#myForm').ajaxSubmit();">Submit</button>

    InformationsquelleAutor der Antwort EugeneEunice

  6. 1

    Ich habe es nur so:

    $('#MyTextArea').closest('form').submit(CKupdate);

        function CKupdate() {
            for (instance in CKEDITOR.instances)
                CKEDITOR.instances[instance].updateElement();
            return true;
        }

    InformationsquelleAutor der Antwort Omu

Schreibe einen Kommentar