2010-10-06 10 views
7

leeren Ich füge Inhalte in einigen Eingabefeldern und Textarea mit JQuery AJAX-Funktion. Nur Textare verwendet TINYMCE.Wie TINYMCE Inhalt nach AJAX-Aktion mit JQuery

Nach Ajax wird der Text in TINYMCE jedoch nicht aktualisiert und bleibt erhalten.

Wie kann ich Inhalte in TINYMCE mit jquery leeren?

Mein aktueller Code folgt.

//on submit event 
    $("#specformentry").submit(function(event){ 
     event.preventDefault(); 
     if(checkForm()){ 
      // var href = $(this).attr("href"); 
      submitinput.attr({ disabled:true, value:"Sending..." }); 
      //$("#send").blur(); 
      //send the post to shoutbox.php 
      $.ajax({ 
       type: "POST", 
       url: "../../Ajaxinsertspec", 
       data: $('#specformentry').serialize(), 
       complete: function(data){ 
        update_entry(); 
        specdesc.val(''); 
        datecreated.val(''); 
        detailstext.val(''); 
       // this code is supposed to empty the INYMCE content, but it does not 

        //reactivate the send button 
        submitinput.attr({ disabled:false, value:"Enter Spec" }); 
       } 
      }); 
     } 
     else alert("Please fill all fields!"); 
     //we prevent the refresh of the page after submitting the form 
     return false; 
    }); 

und das folgende ist ein Teil von HTML

<div id="enterlabel"><label for="spec_details">Click me to enter Spec Details</label></div> 
<div style="display: block;" id="textarea"> 
<textarea style="display: none;" name="spec_details" cols="90" rows="12" id="detailstext"></textarea> 
<span class="mceEditor defaultSkin" id="detailstext_parent"> 
    <table style="width: 100px; height: 100px;" class="mceLayout" id="detailstext_tbl" cellpadding="0" cellspacing="0"> 
     <tbody><tr class="mceFirst"> 
      <td class="mceToolbar mceLeft mceFirst mceLast"><a href="#" accesskey="q" title="Jump to tool buttons - Alt+Q, Jump to editor - Alt-Z, Jump to... 
... 

Antwort

14

Sie nicht jQuery benötigen tinymce zu leeren. Holen Sie sich das tinymce Instanz von id und stellen Sie den Inhalt '' (leer entspricht) mit

// die ID des ersten editorinstance der Seite zu finden ist, in tinymce.editors [0] .id

var tinymce_editor_id = 'my_tinymce_id'; 
tinymce.get(tinymce_editor_id).setContent(''); 
+0

Dank Mein Problem wurde gelöst ..

+0

toll gewesen zu sein geholfen – Thariama

2

mit folgendem Code Versuche

if (typeof(tinyMCE) != 'undefined') { 
    $('#edit-comment').val(''); // Removes all paragraphs in the active editor 
} 
8

Das ist für mich gearbeitet:

tinyMCE.activeEditor.setContent(''); 

Vor allem, wenn es der einzige Editor auf Ihrer Seite ist.

+0

gerade genug für meinen Fall, nicht mehr! :) – lean