wysiwyg - 为什么我对 image_edit 和 image_save 方法的修改不起作用？

Question

我正在尝试修改 redactor的 image_edit和 image_save添加一些功能的方法。

我只是包装现有的 img带有 div 的元素并添加另一个文本。当我按下模态中的保存按钮并查看 redactor 中的源代码时，它看起来没问题，但是当我保存更改时，redactor 会同时切断 div s和叶子只有原来的img元素和 desc形式的值(value)。我该如何解决这个问题？

原始代码:

$(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()));
}

Answer 1

您应该在设置 { removeClasses: false } 中指定