将 CKEditor 集成到 elFinder答案

【问题标题】：Integrating CKEditor into elFinder将 CKEditor 集成到 elFinder
【发布时间】：2013-05-19 22:11:54
【问题描述】：

我确信这已经被覆盖了，因为我发现了类似的帖子，但不幸的是在这种情况下对我不起作用。

基本上我所拥有的是 elFinder 和 CKEditor 在一个页面上并排。我要做的是在双击文件或从 contextMenu 中单击编辑时将文件内容打开到 CKEditor 中。

请有人建议我如何实现这一目标。

谢谢

【问题讨论】：

标签： javascript jquery ckeditor elfinder

【解决方案1】：

经过一些实验，我想出了以下内容。与code for integrating tinyMCE相同，但“editors”参数如下（我假设您使用的是jQuery adapter）：

         editors: [{
              mimes: ['text/html'],
              load: function(textarea) {
                 $(textarea).ckeditor();
              },
              close: function(textarea, instance) {
                CKEDITOR.instances[textarea.id].destroy();
              },
              save: function(textarea, editor) {
                  textarea.value = $(textarea).val();
              }

            }
          ]

【讨论】：

【解决方案2】：

这是elfinder forum中给出的代码：

CKEDITOR.on('dialogDefinition', function(event) {
    var editor = event.editor;
    var dialogDefinition = event.data.definition;
    var dialogName = event.data.name;

    var tabCount = dialogDefinition.contents.length;
    for(var i = 0; i < tabCount; i++) {
        var browseButton = dialogDefinition.contents[i].get('browse');

        if (browseButton !== null) {
            browseButton.hidden = false;
            browseButton.onClick = function(dialog, i) {

            $('<div \>').dialog({modal:true,width:"80%",title:'elFinder',zIndex: 99999,
            create: function(event, ui) {
            $(this).elfinder({
            resizable:false,
            //lang:'ru', // Optional
            url : /elfinder/php/connector.php?mode=image',
            getFileCallback : function(url) {
            if($('input#cke_118_textInput').is(':visible')){
                $('input#cke_118_textInput').val(url);
            } else {
                $('input#cke_79_textInput').val(url);
            }

            $('a.ui-dialog-titlebar-close[role="button"]').click()
            }
    }).elfinder('instance')
    }

             })  
            }
        }
    }
});

【讨论】：

如果您还没有，也请参考stackoverflow.com/questions/12985676/…
是的，我都看过了。我相信的代码是在CKeditor中打开elfinder作为图像浏览器。我正在寻找相反的东西。 CKEditor 在 elFinder 中打开。您发送给我的第二个链接似乎是我正在寻找的，给出的代码似乎无法自行工作，我无法理解这个问题。
从头开始。两者似乎都相反。在 CKEditor 中打开 elfinder。