TinyMCE v4 컨텍스트 메뉴에 사용자 정의 항목 추가

Question

내 웹 사이트 중 하나에서 TinyMCE를 업그레이드 중이며 contextmenu 플러그인에 사용자 정의 항목을 추가하려고합니다. v3에서 찾을 수있는 모든 문서가 있기 때문에 어떤 문서도 찾을 수없는 것 같습니다.

TinyMCE가 너무 많이 변경되어 새로운 버전을 추가하는 데 어려움을 겪고 있기 때문에 쉽게 마지막 버전의 컨텍스트 메뉴에 사용자 정의 링크를 추가 할 수있었습니다. 누구든지 올바른 문서를 가리킬 수 있습니까?

ed.addCommand('fileMan', function(e) { 
    fileman(); 
    hide(ed, e); 
}); 

m.add({title : 'Filemanager', icon : 'image', cmd : 'fileMan'}); 

Answer 1

나는이 알아낼 수 있었다 :

나는 마지막 버전에서 다음을 사용하는 데 사용. 여기에 내가 무슨 짓을 :

• 는 plugin.js라는 이름의 파일을 생성
• fileman라는 플러그인 디렉토리에 새 폴더를 생성하고
• Minifed는이 게시물의 끝 부분에 코드를 코드를 추가 넣어 plugin.min.js
• 에서 축소 된 코드는 contextmenu 플러그인 폴더에 plugin.min.js을 편집 및로드 플러그인 때 목록에로드 된 플러그인 목록
• 추가 fileman에 fileman 추가 편집자에게

코드 초기화 :

tinymce.PluginManager.add('fileman', function(editor) { 
    editor.addMenuItem('fileman', { 
     icon: 'image', 
     text: 'Filemanager', 
     shortcut: 'Ctrl+J', 
     onclick: function() { 
      fileman.launch('editor'); 
     }, 
     context: 'insert', 
     prependToContext: true 
    }); 
}); 

Answer 2

이 다소 까다로운 솔루션하지만 완벽한 하나입니다, 많은 것을 시도한 후 나를 위해 일했다.

editor.on('contextmenu', function(editor) { 

this.settings.contextmenu = 'fileman | link openlink image inserttable | cell row column deletetable'; 

var exampleMenuItem = this.menuItems['italic']; 
this.menuItems['fileman'] = exampleMenuItem; 

this.menuItems['fileman'].cmd = 'mceFileMan'; 
this.menuItems['fileman'].icon = '../../file-icon.png'; 
this.menuItems['fileman'].text = 'File Manager'; 

});