带有elFinder的TinyMCE 4 [英] TinyMCE 4 with elFinder

问题描述

有人已经尝试将elFinder整合到新的（4b1）版本的TinyMCE中吗？
看起来像上一页 实施无效。
请发一些片段，非常感谢。

Is somebody already tried to integrate elFinder into new (4b1) version of TinyMCE? It looks like previous implementation isn't working. Please post some snippets, thanks a lot.

推荐答案

好的。我找到了解决方案：

Ok. I found the solution:

1. 在名为elfinder的插件中创建文件夹。


2. 下载最新的 elFinder 并将此文件夹插入到plugins / elfinder中。


3. 将插件'elfinder'添加到列表中插件（tinymce.init）。


4. 将js / elfinder.min.js重命名为js / plugin.min.js


5. 创建文件插件。插件的根文件夹中的min.js（elfinder / plugin.min.js）


6. 在里面插入下一个文本并保存：

1. Create folder in plugins named elfinder.
2. Download latest elFinder and put into this folder plugins/elfinder.
3. Add plugin 'elfinder' to the list of plugins (tinymce.init).
4. Rename js/elfinder.min.js to js/plugin.min.js
5. Create file plugin.min.js in root folder of plugin (elfinder/plugin.min.js)
6. Insert next text inside and save:

tinymce.PluginManager.add（elfinder，function（editor，url）{

tinymce.PluginManager.add("elfinder", function (editor, url) {

editor.settings .file_browser_callback = function（id，value，type，
win）{

editor.settings.file_browser_callback = function (id, value, type, win) {

  $('<div />').dialogelfinder({
     url: url + '/php/connector.php',
     commandsOptions: {
        getfile: {
           oncomplete: 'destroy'
        }
     },
     getFileCallback: function (url)
     {
        var fieldElm = win.document.getElementById(id);
        fieldElm.value = editor.convertURL(url, null, true);
        if ("fireEvent"in fieldElm) {
           fieldElm.fireEvent("onchange")
        } else {
           var evt = document.createEvent("HTMLEvents");
           evt.initEvent("change", false, true);
           fieldElm.dispatchEvent(evt)
        }
     }
  });   

};
}，[elfinder / js]）;

}; }, ["elfinder/js"]);

这篇关于带有elFinder的TinyMCE 4的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！