2014-06-07 66 views
5

我正在使用TinyMCE,如果有問題,我正在使用內聯編輯器。這是我的代碼...「文件」菜單中的TinyMCE「保存」按鈕

<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> 

那麼,保存按鈕在工具欄中工作正常,但不顯示在文件菜單中。我試圖張貼圖片,但我需要10個聲望。

編輯:您可以提前 http://gyazo.com/3d08cd176cd7b3cb4c6d6d395884e466 http://gyazo.com/daed4520adb902cb87336d943d6a30f7

由於看到圖片,

回答

3

根據自己的文件, 「保存」 插件只爲工具欄而不是菜單:http://www.tinymce.com/wiki.php/Controls

它看起來像喲我們必須手動創建您自己的菜單項;像這樣可以工作:

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

對於工作,雖然,你得有工具欄中的保存按鈕爲好,但也有可能是更好的方法來做到這一點比在觸發點擊按鈕在工具欄中。

那就不要忘記加上「menusave」(或任何你選擇它命名),以插件的列表,無論你希望它是在菜單將其添加到:

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

順便說一句,要拿出上面的代碼我玩這個「TinyMCE小提琴」:http://fiddle.tinymce.com/ngdaab/0

5

這是一個老問題,但我發現一個非常簡單的方法來添加一個保存按鈕到文件菜單。使用TinyMCE的設置時,您可以添加菜單項:

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

這利用了所有的常規保存funtions和onPostRender功能剛剛啓用或禁用按鈕(使用代碼我在保存plugin.js文件中找到)