elFinderとTinyMCE 4.xの連携

elFinderとTinyMCE 4.xの連携ってどうしたらよいのか悩んだ・・・

って、下記のページ書いてあるではないか・・・?

 

https://github.com/Studio-42/elFinder/wiki/Integration-with-TinyMCE-4.x

 

ざっくりめも。本家をちゃんと見てください。

 

TinyMCEの方でコールバックを取得する関数↓

file_picker_callback : elFinderBrowser

 

あと、elFinderに記述するオプションの部分は「defaultOpts :」の中で指定してもOKだった。

getFileCallback : function(file, fm) {
        // pass selected file data to TinyMCE
        parent.tinymce.activeEditor.windowManager.getParams().oninsert(file, fm);
        // close popup window
        parent.tinymce.activeEditor.windowManager.close();
    },

 

getFileCallbackを設定すると「elFinder」上で「ファイルを選択する」が追加される

「ファイルを選択する」→「getFileCallback」→TinyMCEで指定した「elFinderBrowser」で受け取りで処理。

 

って流れを理解していなかったので???だった。ちゃんと挙動は知るべきだな。