contact

Contact Person
Pin BB : 5AB31960
SMS : 082288467823
WA : 081275371724
call : 081275668074

Cara menghilangkan Menubar dan Status bar di TinymCe4

Posted in Javascript Jquery Life at 13 Oktober 2016 With 0 Comments

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

▼ Download Source Code Dibawah Ini ▼


Secara default tampilan TinyMce4 seperti Berikut :

custom tinymce

Terdapat Menu Bar di tinyMce yang saya ingin hilangkan ,

custom di tinymce4

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.. ?

Artikel Terkait

Diskusi