javascript - 将 CKEditor 集成到 elFinder

Question

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

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

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

谢谢

Answer 1

经过一些实验，我想出了以下内容。它与集成 tinyMCE 的代码相同，但“editors”参数如下（我假设您使用的是jQuery 适配器）：

         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();
              }

            }
          ]

Answer 2

这是elfinder 论坛中给出的代码：

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')
    }

             })  
            }
        }
    }
});