jQuery addClass summernoteデータのすべてのimgに

Question

私はsummernoteのテキストから取得するいくつかのHTMLのすべてのimgにimg-responsiveを追加します。私はこれがうまくいくと思ったが、そうはしなかった。おそらく、imgタグにclass属性がないためでしょうか？ HTMLここ

<p><img src="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEASABI...."></p> 

の

例は、私のコードです：

var rawHtml = $("#summernote").summernote('code'); 
$(rawHtml).find('img').each(function() { 
    $('img').addClass('img-responsive'); 
}); 

Answer 1

UPDATED：エラー固定します。今すぐお使いになれます

codeを#summernoteに戻す必要があります。 この方法を試してください。

var rawHtml = $($('#summernote').summernote('code')); 
rawHtml.find('img').each(function() { 
     $('img').addClass('img-responsive'); 
    }); 
$('#summernote').summernote('code', 
    rawHtml.html(); 
); 

Answer 2

それは次のようになります。

var rawHtml = $('#summernote').summernote('code'); 
$('#summernote').find('img').each(function() { 
    $(this).addClass('img-responsive'); 
}); 

それとももっと簡単：

var rawHtml = $('#summernote').summernote('code'); 
$('#summernote img').addClass('img-responsive'); 

Answer 3

私は両方を試してみましたが、どちらも私のために働きました。何らかの理由で画像が壊れていました。私は[オブジェクト] [オブジェクト]を取得するか、コンテンツを表示するときに何も取得しません。

私は単純な文字列を置き換えてみました。おそらく後でデータを編集することにもなるでしょう。

これは機能しました。

var rawHtml = $("#summernote").summernote('code'); 
    var imgResp = rawHtml.replace('<img src=', '<img class="img-responsive" src='); 
    var description = encodeURIComponent(imgResp); 

    var record = { 
     EventId: $('#EventId').val(), 
     Title: $('#EventTitle').val(), 
     Start: $('#Start').val(), 
     End: $('#End').val(), 
     IsActive: $('#IsActive').prop('checked'), 
     IsFullDay: $('#IsFullDay').prop('checked'), 
     Description: description 
    };