在summernote上传的图片之间插入br标签

Posted 2023-03-22

【中文标题】在summernote上传的图片之间插入br标签

【英文标题】：Insert br tag between uploaded images in summernote

【发布时间】：2015-12-28 07:41:24

【问题描述】：

无法处理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"));

没用。

请告知如何在上传图片后插入 br 或任何标签

【问题讨论】：

这行得通吗？ var html = $(''); //获取html var editable=$('.note-editable'); YourSelector.insertNode(editable, html);

【参考方案1】：

用 CSS 修复了问题。只需添加 display:block;对于 .note-editable 节点内的所有图像。