使用Tinymce编辑器和AJAX

时间:2015-09-14 01:32:07

标签: javascript jquery ajax tinymce

我在我的程序中使用tinymce作为文本编辑器,所以在表单中添加数据并尝试使用AJAX保存之后,所有字段都保存正常,除了带有tinymce编辑器的textarea,这是我的代码,我的问题是(内容)textarea:

<script type="text/javascript">
tinymce.init({
selector: "textarea#content",
 theme: "modern",
plugins: [
     "advlist autolink link image lists charmap print preview hr anchor pagebreak spellchecker",
     "searchreplace wordcount visualblocks visualchars code fullscreen insertdatetime media nonbreaking",
     "save table contextmenu directionality emoticons template paste textcolor"
],
content_css: "css/content.css",
toolbar: "link image | fontselect fontsizeselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | print preview media fullpage | forecolor backcolor emoticons"
});
  </script>

<script type="text/javascript">
$(document).ready(function(){


 $('#submit').click(function(){  
$('#result').fadeOut("fast");
$('#wait').fadeIn("slow").delay(1000);
    var title = $("input#title").val();
    var content = $("textarea#content").val();
    var student_year = $("select#student_year").val();
    var student_group = $("select#student_group").val();

    var direction = $("input#direction").val();

  var dataAll = { title:title,
  content:content,
  student_year:student_year,
  student_group:student_group
      } 
  $.ajax({
    url: direction,
    type : "POST",
    data : dataAll,
    dataType :"html",
    success : function(msg){
        $('#wait').fadeOut("fast");
        $('#result').fadeIn("slow");
         $('#result').html(msg)

    }

  });

});

});
</script>  

1 个答案:

答案 0 :(得分:1)

请尝试在$('#submit').click(function(){之后添加此行:

tinymce.triggerSave();