После того как я опробовал вашу сборку CKEditor, за что кстати большое спасибо, мне хочется прикрутить CodeMirror к SummerNote. Как я понял, за конфигурацию этого редактора отвечает файл opencart.js. Мне не менее, реализовать свою задумку я пока что не могу) Вот кстати код этого файла:
$(document).ready(function() {
// Override summernotes image manager
$('.summernote').each(function() {
var element = this;
var lang = $(element).data('lang');
if (typeof(lang) == 'undefined') {
lang = 'en-US';
}
$(element).summernote({
disableDragAndDrop: false,
height: 600,
lang: lang,
emptyPara: '',
toolbar: [
['style', ['style']],
['font', ['bold', 'underline', 'clear']],
['fontname', ['fontname']],
['color', ['color']],
['para', ['ul', 'ol', 'paragraph']],
['table', ['table']],
['insert', ['link', 'image', 'video']],
['view', ['fullscreen', 'codeview']]
],
buttons: {
image: function() {
var ui = $.summernote.ui;
// create button
var button = ui.button({
contents: '<i class="note-icon-picture" />',
tooltip: $.summernote.lang[$.summernote.options.lang].image.image,
click: function () {
$('#modal-image').remove();
$.ajax({
url: 'index.php?route=common/filemanager&token=' + getURLVar('token'),
dataType: 'html',
beforeSend: function() {
$('#button-image i').replaceWith('<i class="fa fa-circle-o-notch fa-spin"></i>');
$('#button-image').prop('disabled', true);
},
complete: function() {
$('#button-image i').replaceWith('<i class="fa fa-upload"></i>');
$('#button-image').prop('disabled', false);
},
success: function(html) {
$('body').append('<div id="modal-image" class="modal">' + html + '</div>');
$('#modal-image').modal('show');
$('#modal-image').delegate('a.thumbnail', 'click', function(e) {
e.preventDefault();
$(element).summernote('insertImage', $(this).attr('href'));
$('#modal-image').modal('hide');
});
}
});
}
});
return button.render();
}
}
});
});
});
А сами Вы пользуетесь CKEditor или SummerNote?