Я пытаюсь изменить методы redactor * image_edit и image_save, чтобы добавить некоторые функции.
Я просто оборачиваю существующий элемент img в div и добавляю еще один с текстом. Когда я нажимаю кнопку «Сохранить» в модальном режиме и смотрю на источник в редакторе, он выглядит нормально, но когда я сохраняю изменения, редактор отключает оба значения div s и оставляет только исходный элемент img и значение desc из формы. Как я могу решить эту проблему?
Оригинальный код:
$(el).attr('alt', $('#redactor_file_alt').val());
var floating = $('#redactor_form_image_align').val();
if (floating == 'left') $(el).css({ 'float': 'left', margin: '0 10px 10px 0' });
else if (floating == 'right') $(el).css({ 'float': 'right', margin: '0 0 10px 10px' });
else $(el).css({ 'float': 'none', margin: '0' });
this.modalClose();
Мой код:
$(el).attr('alt', $('#redactor_file_alt').val());
var floating = $('#redactor_form_image_align').val();
if (floating == 'left') {
var align = 'left-image';
} else if (floating == 'right') {
var align = 'right-image';
} else {
var align = 'ci-image';
}
var imgDiv = $('<div class="' + align + '" />');
$(el).wrap(imgDiv);
if($('#image_desc').val()) {
$(el).after($('<div class="descr" />').html($('#image_desc').val()));
}