使用带有 AJAX 的 Tinymce 编辑器
Using Tinymce editor with AJAX
我在我的程序中使用 tinymce 作为文本编辑器,所以在表单中添加数据并尝试使用 AJAX 保存后,所有字段都正常保存,除了文本区域tinymce 编辑器,这是我的代码,我的问题是 (content) 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>
请尝试在 $('#submit').click(function(){
之后添加此行:
tinymce.triggerSave();
我在我的程序中使用 tinymce 作为文本编辑器,所以在表单中添加数据并尝试使用 AJAX 保存后,所有字段都正常保存,除了文本区域tinymce 编辑器,这是我的代码,我的问题是 (content) 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>
请尝试在 $('#submit').click(function(){
之后添加此行:
tinymce.triggerSave();