Xóa menu và thanh trạng thái trong TinyMCE 4

113

Tôi đang cố gắng xóa menu và thanh trạng thái khỏi TinyMCE 4 vì tôi muốn thiết lập một trình chỉnh sửa rất cơ bản. Điều này có khả thi không?

Tài liệu cho TinyMCE 3 dường như không liên quan và tôi không thể tìm thấy bất kỳ thứ gì cho phiên bản 4.

tinymce

— Tom Haigh
nguồn

tốt css bạn có thể làm điều đó một cách dễ dàng!

— Shivanshu

12

@ShivanshuSrivastava: bạn đang đùa đúng không? :)

— Sk8erPeter

253

Tôi đã xem xét nguồn và nó khá rõ ràng:

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

Điều này loại bỏ cả hai.

Bạn cũng có thể tùy chỉnh những phần nào của thanh menu mặc định được hiển thị bằng cách chỉ định một chuỗi các menu được bật - ví dụ: menubar: 'file edit'

Bạn có thể xác định menu của riêng mình như sau:

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

— Tom Haigh
nguồn

4

menuBar: 'file edit'menubar: 'file edit'

— Lỗi chính

thông minh! bất kỳ ý tưởng nào về cách tùy chỉnh một vùng văn bản cụ thể thay vì tất cả các văn bản?

— abbood

"bất kỳ ý tưởng nào về cách tùy chỉnh một vùng văn bản cụ thể thay vì tất cả các văn bản?" tinymce.init({ mode: "exact", elements: "IdOftextAreaEtc", nơi IdOftextAreaEtc là id của điều khiển để sử dụng cho TinyMCE

— David Cầu

1

@DavidBridge, cú pháp này dành cho phiên bản 3.x. Từ 4.x, bạn có thể sử dụng tinymce.init({ selector: "textarea#IdOfTextarea"})(giống như cú pháp css).

— bvgheluwe

28

Nếu bạn muốn xóa toàn bộ thanh Menu từ trên cùng

tinymce.init({
    menubar: false,

});

Nhưng nếu bạn muốn Thanh menu tùy chỉnh với một số menu con

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

xem TinyMCE để được trợ giúp thêm.

— php-coder
nguồn

4

Vì vậy, rõ ràng trong tài liệu của họ đã phân loại rằng làm cho các giá trị thành sai.

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

Trong bản cập nhật mới nhất lên v5, bạn có thể hiển thị thanh menu như vậy

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

xem https://www.tiny.cloud/docs/ để biết thêm chi tiết

— SIMRAN RAJ
nguồn