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

             })  
            }
        }
    }
});