image_editメソッドとimage_saveメソッドの変更が機能しないのはなぜですか？

Question

私はredactorのimage_editとimage_saveの方法を変更していくつかの機能を追加しようとしています。

既存のimg要素をdivでラップして、もう1つをテキストで追加しています。私がモーダルで保存ボタンを押して、redactorでソースを見ると、OKと表示されますが、変更を保存すると、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())); 
} 

Answer 1

あなたが設定で指定する必要があり{ removeClasses: false }