Cara Menghilangkan Status Bar dan Menu Bar di TinyMce4 , Beberapa hari ini admin melakuka pengembangan system Backend Aplikasi Website, Dari Segala macam sisi , sekaligus performa aplikasi website, Disini admin menggnakan Editor TinyMce, Editor Yang langsung bisa diunduh di website resmi Tinymce... Editor TinyMce Update Ke Versi 4 , Performa yang lebih Bagus ... dan perbaikan bug didalamnya.. OK.. back To Point

Cara Custom Tampilan TinyMce4

Secara default tinymce4 sudah memiliki menubar , layaknya text editor microsoft word, Namun saya tidak mau menampilkan menu bar dan status bar tersebut, dikarenakan terlalu banyak memakan space / tempat pada aplikasi Saya, Nah pada tutorial ini admin akan share Cara Menghilangkan Menu Bar dan Status Bar di TinyMce4

Secara default tampilan TinyMce4 seperti Berikut :

Terdapat Menu Bar di tinyMce yang saya ingin hilangkan ,

Untuk Membuat Menu Bar Hilang atau dengan kata lain tidak di tampilkan cukup dengan Menambahkan menubar:false pada init javascript tinymce , berikut contohnya:

tinymce.init({
selector: "textarea",
menubar : false,
statusbar:false,
    plugins: [
        "advlist autolink lists link image charmap print preview anchor",
        "searchreplace visualblocks code fullscreen",
        "insertdatetime media table contextmenu paste"
    ],
    toolbar: "insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image"
});

Bagaimana Mudah Bukan.. ?