Question

我正在使用 TinyMCE WYSIWYG编辑器，它第一次正常工作，但是当我使用ajax提交输入时，我会部分刷新页面，但问题是在刷新页面后尽管使用了以下行，TinyMCE 仍会转换回正常的textarea。

tinymce.init({selector:'textarea'}); //in success part of ajax.

的Javascript

function refresh_div(){ 
  $.ajax({
  ......
  success: function(data){
  $('#demo').html(data);
  tinymce.init({selector:'textarea'});

 });
}

$(document.body).on('click', '.submit_section' ,function(e){

$.ajax({
  ......
  success: function(data){
  refresh_div();
 });
});

HTML

<textarea>  </textarea>

Answer 1

只需直接更改编辑器的内容，下面的代码段工作正常。

的Javascript

$(function(){

 tinymce.init({selector:'textarea'});
  setTimeout(function(){
     $('#tinymcecontainer iframe').contents().find('body').html('New Content');
  },2000)
})

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="https://tinymce.cachefly.net/4.2/tinymce.min.js"></script>
<div id="tinymcecontainer">
   <textarea>ABCD</textarea>
<div>

在你的情况下，

function refresh_div(){ 
  $.ajax({
  ......
  success: function(data){
        $('iframe').contents().find('body').html(data);
 });
}

当页面的某些部分通过ajax

1 个答案: