Perlu dipahami bahwa input an pada TinyMCE bukanlah textarea, baru ketika kita submit, content dalam TinyMCE editor itu akan menyimpan dalam sebuah hidden textarea sehingga data content pada TinyMCE tersebut dapat tersubmit. So, untuk mengatasi permasalahan ini, kita hanya perlu menambahkan satu baris kode untuk men-trigger agar TinyMCE editor menyimpan konten berupa text nya ke dalam sebuah hidden textarea, sebagai berikut,
tinyMCE.triggerSave();Full code nya jika kita tambahkan pada submit button adalah sebagai berikut,
$("#btnSave").click(function() {
tinyMCE.triggerSave();
$("#frmPost").submit();
return false;
})
Semoga tutorial singkat ini berguna bagi sahabat newbie yang membutuhkan. Happy coding :D
3 comments
mau tanya maaf sebelumnya
Replyfunction tinymce_config(){
ReplytinyMCE.init({
selector: ".richtext",
height: 150,
setup: function (editor) {
editor.on('change', function () {
tinymce.triggerSave();
});
},
plugins: [
"advlist autolink lists link image charmap print preview anchor",
"searchreplace visualblocks code fullscreen",
"insertdatetime media table contextmenu paste imagetools responsivefilemanager tiny_mce_wiris"
],
toolbar: "insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | responsivefilemanager tiny_mce_wiris_formulaEditor",
external_filemanager_path:"../assets/filemanager/",
filemanager_title:"File Manager" ,
external_plugins: { "filemanager" : "../filemanager/plugin.min.js"}
});
}
Post a Comment