CKEditor: Настроенный HTML при вставке изображения

Я использую CKEditor 3.5 для обеспечения редактирования WYSYWYG в при вставке изображения вы можете указать ширину и высоту изображения, в результате получится следующий HTML-код:


Поскольку это изменение размера в браузере и в других местах на том же веб-сайте, я использую Nathanael Jones «Модуль изменения размера изображения , I» Вместо этого я хотел бы получить следующий результат:


Есть ли простой способ контролировать сгенерированный HTML или мне действительно нужно написать свой собственный диалог / плагин для CKEditor?

EDIT:

Добавление следующих строк в config .js был решением, которое в конечном итоге сработало для меня:

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

    if (dialogName == 'image') {
        dialogDefinition.onOk = function (e) {
            var imageSrcUrl = e.sender.originalElement.$.src;
            var width = e.sender.originalElement.$.width;
            var height = e.sender.originalElement.$.height;
            var imgHtml = CKEDITOR.dom.element.createFromHtml('');
            editor.insertElement(imgHtml);
        };
    }
});

Следующая проблема заключается в том, что при редактировании изображения ширина и высота, естественно, находятся в поле URL и отсутствуют в специальных полях для ширины и высоты. Поэтому мне нужно найти решение для обратного ...: -)

12
задан davehauser 23 April 2011 в 15:23
поделиться