Я уверен, что это было рассмотрено раньше, так как я нашел похожие сообщения, но, к сожалению, они не работают для меня в этом сценарии.
По сути, у меня есть elFinder и CKEditor рядом на странице. Что я хочу сделать, так это открыть содержимое файлов в CKEditor, когда файл дважды щелкнут или когда редактирование будет нажато из contextMenu.
Пожалуйста, может кто-нибудь посоветовать, как я могу этого добиться.
Спасибо
После некоторых экспериментов я пришел к следующему. Это то же самое, что и код для интеграции tinyMCE, но параметр «редакторы» выглядит следующим образом (я предполагаю, что вы используете адаптер 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();
}
}
]
это код, приведенный на форуме 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')
}
})
}
}
}
});
