Hapus menu dan bilah status di TinyMCE 4


113

Saya mencoba menghapus menu dan bilah status dari TinyMCE 4 karena saya ingin menyiapkan editor yang sangat dasar. Apakah ini mungkin?

Dokumentasi untuk TinyMCE 3 sepertinya tidak relevan dan saya tidak dapat menemukan apa pun untuk versi 4.


nah css kamu bisa melakukannya dengan mudah!
Shivanshu

12
@ShivanshuSrivastava: Anda bercanda, bukan? :)
Sk8erPeter

Jawaban:


253

Saya melihat sumbernya dan itu cukup jelas:

tinyMCE.init({
    menubar:false,
    statusbar: false,
        //etc
})

Ini menghapus keduanya.

Anda juga dapat menyesuaikan bagian mana dari bilah menu default yang terlihat dengan menentukan rangkaian menu yang diaktifkan - mis menubar: 'file edit'

Anda dapat menentukan menu Anda sendiri seperti ini:

menu : {    
    test: {title: 'Test Menu', items: 'newdocument'} 
},
menubar: 'test'

4
Kesalahan ketik kecil: menuBar: 'file edit'seharusnyamenubar: 'file edit'
Cory Mawhorter

luar biasa! tahu bagaimana menyesuaikan textarea tertentu daripada semua?
Abbood

"ada ide bagaimana menyesuaikan textarea tertentu daripada semua?" tinymce.init({ mode: "exact", elements: "IdOftextAreaEtc", di mana IdOftextAreaEtc adalah id dari kontrol yang akan digunakan untuk tinyMCE
David Bridge

1
@DavidBridge, sintaks ini untuk versi 3.x. Dari 4.x, Anda dapat menggunakan tinymce.init({ selector: "textarea#IdOfTextarea"})(seperti sintaks css).
bvgheluwe

28

Jika Anda ingin menghapus seluruh bilah Menu dari atas

tinymce.init({
    menubar: false,

});

Tetapi jika Anda ingin menubar Kustom dengan beberapa submenu

tinymce.init({
    menu: {
        file: {title: 'File', items: 'newdocument'},
        edit: {title: 'Edit', items: 'undo redo | cut copy paste pastetext | selectall'},
        insert: {title: 'Insert', items: 'link media | template hr'},
        view: {title: 'View', items: 'visualaid'},
        format: {title: 'Format', items: 'bold italic underline strikethrough superscript subscript | formats | removeformat'},
        table: {title: 'Table', items: 'inserttable tableprops deletetable | cell row column'},
        tools: {title: 'Tools', items: 'spellchecker code'}
    }
});

lihat TinyMCE untuk bantuan lebih lanjut.


4

Jadi, jelas diukur dalam dokumen mereka yang membuat nilai menjadi salah.

    tinymce.init({
    menubar: false,
    branding: false,
    statusbar: false,
   })

Pada update terbaru ke v5 Anda dapat menampilkan bar menu seperti itu

    tinymce.init({
     menu: {
      edit: { title: 'Edit', items: 'undo redo | cut copy paste pastetext | selectall searchreplace' },
      insert: { title: 'Insert', items: 'image link charmap pagebreak' },
      format: { title: 'Format', items: 'bold italic underline strikethrough superscript subscript | formats | removeformat' },
      table: { title: 'Table', items: 'inserttable tableprops deletetable | cell row column' }
    },
    menubar: 'edit insert format table',
});

lihat https://www.tiny.cloud/docs/ untuk lebih jelasnya

Dengan menggunakan situs kami, Anda mengakui telah membaca dan memahami Kebijakan Cookie dan Kebijakan Privasi kami.
Licensed under cc by-sa 3.0 with attribution required.