Я использую 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 и отсутствуют в специальных полях для ширины и высоты. Поэтому мне нужно найти решение для обратного ...: -)