我正在尝试修改 redactor的 image_edit
和 image_save
方法来添加一些功能。
我只是用 div
包装现有的 img
元素,并添加另一个带有文本的元素。当我按下模式中的保存按钮并查看 redactor 中的源代码时,它显示正常,但是当我保存更改时,redactor 会切断两个 div
并只留下原始 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()));
}
最佳答案
您应该在设置中指定{removeClasses: false }
关于wysiwyg - 为什么我对 image_edit 和 image_save 方法的修改不起作用?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9937886/