如何使用jquery执行ajax操作后清空TINYMCE内容

我在jQuery ajax函数的某些输入字段和textarea中添加内容。只有textare使用TINYMCE。如何使用jquery执行ajax操作后清空TINYMCE内容

但是，在ajax之后，TINYMCE中的文本不会刷新并保留。

如何用jquery清空TINYMCE中的内容？

我目前的代码如下。

//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; 
    });

而下面是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... 
...

来源

2010-10-06 shin

的一部分，你并不需要jQuery来清空TinyMCE的。由ID获取TinyMCE的实例，并使用设定的内容，以''（等于空）

//页面的第一editorinstance 的id为 tinymce.editors被发现[0] .ID

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

来源

2010-10-07 06:31:50 Thariama

感谢解决我的问题.. – 2012-11-16 08:17:16

非常有帮助 – Thariama 2012-11-16 08:58:13

尝试用下面的代码

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

来源

2011-09-14 07:00:26

这为我工作：

tinyMCE.activeEditor.setContent('');

尤其是如果它是您网页中唯一存在的编辑器。

来源

2013-03-26 16:12:26 JohnnyQ

刚够我的情况，没有更多！:) – lean 2016-12-30 10:29:43

如何使用jquery执行ajax操作后清空TINYMCE内容

回答

相关问题