TinyMCE tùy chỉnh "tệp" thanh thực đơn

Question

Có cách nào để tùy chỉnh (thêm và xóa tùy chọn, e.t.c ..) thanh menu trong TinyMCE 4.0 không? Tôi không thể tìm thấy bất kỳ tài liệu nào về phần cụ thể đó của trình chỉnh sửa. Hình ảnh dưới đây thể hiện phần tôi đang nói đến.

Answer 1

Phiên bản 4 là viết lại chính và tài liệu không đồng bộ trong một thời gian.

Thông qua thử nghiệm, tôi phát hiện ra rằng có thể bật/tắt các trình đơn thả xuống riêng lẻ hoặc vô hiệu hóa toàn bộ thanh menu.

Enable trầm thả cụ chỉ:

tinymce.init({ 
    selector: "textarea", 
    menubar: "edit format" 
}); 

Disable menubar:

tinymce.init({ 
    selector: "textarea", 
    menubar: false 
}); 

Các menubar configuration docs hiện nay đã được thêm vào trang web TinyMCE.

Ngoài ra, nếu bạn muốn tùy chỉnh hoàn toàn toàn bộ menu, hãy xem menu configuration docs.

Answer 2

tôi đã kết thúc tùy biến cả thanh menu và thanh công cụ bằng cách tinh chỉnh các menu và toolbar thuộc tính trong các thiết lập đối tượng truyền cho tinymce.init():

// ... 
    menu : { 
    edit: { title: 'Edit', items: 'undo redo | cut copy paste selectall | searchreplace' }, 
    insert: { title: 'Insert', items: 'link charmap' }, 
    format: { title: 'Format', items: 'bold italic underline strikethrough superscript subscript | removeformat' }, 
    table: { title: 'Table', items: 'inserttable tableprops deletetable | cell row column' } 
    }, 
    toolbar: 'undo redo | bold italic underline | link hr | alignleft aligncenter alignright | blockquote bullist numlist outdent indent | code', 
// ... 

tôi thấy các điều khoản cho mỗi/nút menu bằng cách đào bới xung quanh trong mã nguồn đang tìm kiếm .addMenuItem( và .addButton(.

Answer 3

Trong TinyMCE 4.x phiên bản, "code" plugin được sử dụng để hiển thị/chỉnh sửa mã HTML của nội dung trình chỉnh sửa.

Để control thanh công cụ, lên đến phiên bản 4.0.6, theme_advanced_button<1-n> tùy chọn đã được sử dụng, nhưng trên 4.0.6 phiên bản, toolbar hoặc toolbar<1-N> tùy chọn được sử dụng.

Bằng cách thêm "code" plugin để các tùy chọn thanh công cụ, "Tools" menu sẽ được thêm vào với "Source Code" sub-menu (như nút "<>" (biểu tượng)).

tinyMCE.init({ 
    // ...... 
    // ...... 
    plugins: "searchreplace code", 

    toolbar1: "separator forecolor backcolor code", 
    toolbar2: "<<<some buttons list>>>", 
    toolbar3: "<<<some buttons list>>>", 
    toolbar4: "<<<some buttons list>>>", 
});