Вставить ярлык между загруженными изображениями в summernote

Question

Невозможно обработать редактор summernote. Когда я загрузив изображения в редактор summernote, я хочу, чтобы вставить
тег после каждого загруженного изображения, например: Я хочу, чтобы получить

<p> 
Text.... 
<img src="img1.png"> 
<br> 
<img src="img2.png"> 
<br> 
Text.... 
</p> 

Но есть:

<p> 
<img src="img1.png"> 
<img src="img2.png"> 
<br> 
</p> 

Вот код, который вставлять изображения после загрузки в редактор:

for (var i in url.uploaded_files) { 
    $(selector).summernote("insertImage", url.path + url.uploaded_files[i]); 
    $(selector).summernote("insertHTML", '<br>'); 
} 

также:

$(selector).summernote("insertNode", document.createElement("BR")); 

не работает.

Пожалуйста, советы, как вставить бр или любой тег после загружаемых изображений

Answer 1

Исправлена ​​проблема с CSS. Просто добавленный дисплей: block; для всех изображений внутри .note-editable узла.