Featured

    Featured Posts

NS_ERROR_UNEXPECTED di TinyMCE

Hai sahabat newbie, buat kalian para web developer ataupun blogger tentunya sudah tidak asing lagi dengan WYSIWYG editor, salah satunya adalah TinyMCE. Akan tetapi pernahkah sahabat newbie menemukan error NS_ERROR_UNEXPECTED (yang dapat dilihat terdeteksi bila sahabat newbie menggunakan addons firebug) yang ditandai dengan tidak tersubmit nya content pada TinyMCE. Tapi jangan khawatir, disini bocah newbie mencoba share solusi untuk permasalahan tersebut.

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


author

Kartika Yudha Pratama

Seorang pencari nafkah dengan pekerjaan buruh ketik untuk menghidupi keluarganya :D

3 comments

This comment has been removed by the author.

mau tanya maaf sebelumnya

Reply

function tinymce_config(){
tinyMCE.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"}
});
}

Reply

Post a Comment

www.CodeNirvana.in

Translate

Total Pageviews

Copyright © Never Stop To Think!!! | Designed By Code Nirvana