有人已经试图将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. Symfony2 Elfinder不加载Tinymce
- 3. 将elFinder,TinyMCE集成到Laravel 5.1中
- 4. tinyMCE with Javascript
- 5. Lightview with tinymce
- 6. 与TinyMCE的4集成elfinder,“类型错误:parent.tinymce.activeEditor.windowManager.getParams不是一个函数
- 7. Ace Editor with TinyMCE textarea
- 8. TinyMCE - selection.setContent with getContent(Warp Button)
- 9. tinyMCE meddles with sms:// style url
- 10. TinyMCE,Rails 4和execcommand_callback
- 11. TinyMCE 4 addToTop等效
- 12. 将TinyMce 3.x升级到TinyMce 4.x
- 13. TinyMCE的3高级主题在TinyMCE 4
- 14. Appfuse with Tapestry 4
- 15. jsfunit with junit 4
- 16. Spring 4 with Hibernate
- 17. listview with 4 textview
- 18. TinyMCE with Ajax:如何返回POST响应以在TinyMCE中显示?
- 19. 将tinyMCE 4集成到extJS中4
- 20. Angular 4 AOT with webpack
- 21. Laravel 4 with bootstrap-datepicker
- 22. Angular 4 Output()with dropdown
- 23. Dropzone js with angular 4
- 24. Android 4.x:NullPointerException with sendMultipartText
- 25. Bootstrap Sass with Rails 4
- 26. Theme_advanced_disable不工作在tinymce 4
- 27. WIRIS&tinymce 4.联机方式
- 28. tinymce 4初始化按钮
- 29. Tinymce 4.x扩展插件
- 30. TinyMCE 4 fontsizeselect不起作用
感谢以上,但它不是为我工作。 – WebbedIT
你做了我所说的一切吗? – dikirill
@dikirill可以在导轨2上使用吗?我收到一个错误'无法调用'null'浏览器控制台 – Nithin