爲什麼我沒有對image_edit和image_save方法進行修改？

Question

我試圖修改redactor的image_edit和image_save方法來添加一些功能。

我只是用div包裝了現有的img元素，並添加了另一個文本。當我按下模式中的保存按鈕並查看編輯器中的源代碼時，它看起來沒問題，但是當我保存更改時，redactor會切斷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())); 
} 

Answer 1

你應該在設置中指定{ removeClasses: false }