TinyMCE 4'te menüyü ve durum çubuklarını kaldırın

113

TinyMCE 4'ten menüyü ve durum çubuklarını kaldırmaya çalışıyorum çünkü çok basit bir düzenleyici kurmak istiyorum. Mümkün mü?

TinyMCE 3 belgeleri alakalı görünmüyor ve sürüm 4 için hiçbir şey bulamıyorum.

tinymce

— Tom Haigh
kaynak

iyi css bunu kolayca yapabilirsiniz!

— Shivanshu

12

@ShivanshuSrivastava: Şaka yapıyorsun, değil mi? :)

— Sk8erPeter

253

Kaynağa baktım ve oldukça açıktı:

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

Bu her ikisini de kaldırır.

Ayrıca, bir dizi etkin menü belirleyerek varsayılan menü çubuğunun hangi bölümlerinin görüneceğini özelleştirebilirsiniz - ör. menubar: 'file edit'

Kendi menülerinizi şu şekilde tanımlayabilirsiniz:

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

— Tom Haigh
kaynak

4

Küçük yazım hatası: menuBar: 'file edit'olmalıdırmenubar: 'file edit'

— Cory Mawhorter

mükemmel! Hepsi yerine belirli bir metin alanını nasıl özelleştirebileceğiniz hakkında bir fikriniz var mı?

— abbood

"Hepsi yerine belirli bir metin alanının nasıl özelleştirildiğine dair bir fikriniz var mı?" tinymce.init({ mode: "exact", elements: "IdOftextAreaEtc", IdOftextAreaEtc, tinyMCE için kullanılacak denetimin kimliğidir

— David Bridge

1

@DavidBridge, bu sözdizimi 3.x sürümü içindir. 4.x'ten itibaren tinymce.init({ selector: "textarea#IdOfTextarea"})(css sözdizimine çok benzer) kullanabilirsiniz.

— bvgheluwe

28

Yukarıdan tüm Menü çubuğunu kaldırmak istiyorsanız

tinymce.init({
    menubar: false,

});

Ancak bazı alt menülere sahip Özel menü çubuğu istiyorsanız

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'}
    }
});

Daha fazla yardım için TinyMCE'ye bakın .

— php-kodlayıcı
kaynak

4

Dolayısıyla, değerlerin yanlış hale getirilmesi belgelerinde açıkça belirtilmiştir.

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

En son v5 güncellemesinde menü çubuğunu bu şekilde görüntüleyebilirsiniz

    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',
});

bkz https://www.tiny.cloud/docs/ fazla ayrıntı için

— SIMRAN RAJ
kaynak