有人已经试图将elFinder集成到TinyMCE的新版本(4b1)中吗? 看起来像previousimplementation不起作用。 请张贴一些片段,非常感谢。TinyMCE 4 with elFinder
5
A
回答
7
好的。我找到了解决方案:
- 在名为elfinder的插件中创建文件夹。
- 下载最新版elFinder并放入此文件夹中的插件/ elfinder。
- 将插件'elfinder'添加到插件列表(tinymce.init)。
- 重命名JS/elfinder.min.js到JS/plugin.min.js
- 创建插件的根文件夹中文件plugin.min.js(elfinder/plugin.min.js)
- 插入下一个文本内并保存:
tinymce.PluginManager.add( “elfinder”,功能(编辑,URL){
editor.settings.file_browser_callback =函数(ID,值,类型, 赢){
$('<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”]);
5
我更新了维基,现在应该努力下列步骤时:https://github.com/Studio-42/elFinder/wiki/Integration-with-TinyMCE-4.x
主要变化是TinyMCE的不使用InlinePopup插件更多,回调改变,而不是file_browser_callback : 'elFinderBrowser'
你必须删除引号:
在TinyMCE的INIT: file_browser_callback : elFinderBrowser
添加elFinderBrowser回调到您的JavaScript:
function elFinderBrowser (field_name, url, type, win) {
tinymce.activeEditor.windowManager.open({
file: '/elfinder/elfinder.html',// use an absolute path!
title: 'elFinder 2.0',
width: 900,
height: 450,
resizable: 'yes'
}, {
setUrl: function (url) {
win.document.getElementById(field_name).value = url;
}
});
return false;
}
最后修改/复制elfinder.html文件使用回叫:
<!-- Include jQuery, jQuery UI, elFinder (REQUIRED) -->
<script type="text/javascript">
var FileBrowserDialogue = {
init: function() {
// Here goes your code for setting your custom things onLoad.
},
mySubmit: function (URL) {
// pass selected file path to TinyMCE
top.tinymce.activeEditor.windowManager.getParams().setUrl(URL);
// close popup window
top.tinymce.activeEditor.windowManager.close();
}
}
$().ready(function() {
var elf = $('#elfinder').elfinder({
// set your elFinder options here
url: 'php/connector.php', // connector URL
getFileCallback: function(file) { // editor callback
FileBrowserDialogue.mySubmit(file.url); // pass selected file path to TinyMCE
}
}).elfinder('instance');
});
</script>
相关问题
- 1. TinyMCE的4 elFinder集成
- 2. Lightview with tinymce
- 3. Ace Editor with TinyMCE textarea
- 4. tinyMCE meddles with sms:// style url
- 5. TinyMCE 4 addToTop等效
- 6. TinyMCE,Rails 4和execcommand_callback
- 7. Spring 4 with Hibernate
- 8. Appfuse with Tapestry 4
- 9. jsfunit with junit 4
- 10. listview with 4 textview
- 11. 将TinyMce 3.x升级到TinyMce 4.x
- 12. Bootstrap Sass with Rails 4
- 13. Angular 4 Output()with dropdown
- 14. Angular 4 AOT with webpack
- 15. Android 4.x:NullPointerException with sendMultipartText
- 16. Dropzone js with angular 4
- 17. Laravel 4 with bootstrap-datepicker
- 18. 将tinyMCE 4集成到extJS中4
- 19. WIRIS&tinymce 4.联机方式
- 20. Tinymce 4.x扩展插件
- 21. TinyMCE的4,获得元素
- 22. TinyMCE的4 - 移动textarea的
- 23. 从jquery访问tinymce 4
- 24. Angular 4 - TinyMCE图片上传
- 25. TinyMCE 4 fontsizeselect不起作用
- 26. Theme_advanced_disable不工作在tinymce 4
- 27. Elfinder On dblClcik
- 28. elfinder配置
- 29. elfinder与多个用户
- 30. elFinder errUnknownCmd FTP集成
感谢以上,但它不是为我工作。 – WebbedIT
你做了我所说的一切吗? – dikirill
@dikirill可以在导轨2上使用吗?我收到一个错误'无法调用'null'浏览器控制台 – Nithin