TinyMCE nút Save trong menu File

Question

Tôi đang sử dụng TinyMCE và tôi đang sử dụng một trình soạn thảo inline nếu có vấn đề. Đây là mã của tôi ...

<script type="text/javascript"> 
tinymce.init({ 
    selector: "div.prut8Eje", 
    inline: true, 
    plugins: [ 
     "advlist autolink lists link image charmap print preview anchor save", 
     "searchreplace visualblocks code fullscreen", 
     "insertdatetime media table contextmenu paste" 
    ], 
    menu : { // this is the complete default configuration 
     file : {title : 'File' , items : 'save newdocument | print'}, 
     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'} 
    }, 
    toolbar: "save | insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image" 
}); 
</script> 

Vâng, nút lưu hoạt động tốt trên thanh công cụ nhưng không hiển thị trong Trình đơn tệp. Tôi cố gắng để gửi hình ảnh, nhưng tôi cần 10 tiếng.

Sửa: Bạn có thể thấy những hình ảnh tại http://gyazo.com/3d08cd176cd7b3cb4c6d6d395884e466 http://gyazo.com/daed4520adb902cb87336d943d6a30f7

Cảm ơn trước,

Bến

Answer 1

Theo tài liệu riêng của họ, "save" plugin duy nhất là cho thanh công cụ và không cho menu: http://www.tinymce.com/wiki.php/Controls

Dường như yo u'd phải tạo menu của riêng bạn bằng tay; một cái gì đó như thế này có thể hoạt động:

tinymce.PluginManager.add('menusave', function(editor, url) { 
    editor.addMenuItem('menusave', { 
     text: 'Save', 
     context: 'file', 
     onclick: function() { 
      $('.mce-i-save').closest('button').trigger('click'); 
     } 
    }); 
}); 

Để làm việc đó, bạn cũng phải có nút lưu trên thanh công cụ, nhưng có thể có cách tốt hơn để kích hoạt trong thanh công cụ.

Sau đó, đừng quên thêm "menusave" (hoặc bất cứ điều gì bạn chọn để đặt tên cho nó) vào danh sách các plugin, và để thêm nó vào bất cứ nơi nào bạn muốn nó được trong menu:

file : {title : 'File' , items : 'menusave newdocument | print'}, 

Nhân tiện, để tìm ra mã ở trên tôi đã chơi với "TinyMCE Fiddle": http://fiddle.tinymce.com/ngdaab/0

Answer 2

Đây là một câu hỏi cũ, nhưng tôi đã tìm thấy cách dễ dàng để thêm nút Lưu vào menu tệp. Sử dụng sự kiện thiết lập trong TinyMCE, bạn có thể thêm một mục trình đơn:

tinymce.init({ 
    ..... 
    setup: function(editor) { 
      editor.addMenuItem('save', { 
       icon: 'save', 
       text: 'Save', 
       cmd: 'mceSave', 
       context: 'file', 
       disabled: true, 
       onPostRender: function() { 
        var self = this; 
        editor.on('nodeChange', function() { 
         self.disabled(editor.getParam("save_enablewhendirty", true) && !editor.isDirty()); 
        }); 
       } 
      });| 
    } 
}); 

này sử dụng tất cả các thường xuyên lưu Chức năng hoạt động và chức năng onPostRender chỉ cho phép hoặc vô hiệu hóa mã nút (sử dụng tôi tìm thấy trong các tập tin lưu plugin.js)