Question

我正在尝试在编辑器中插入一个简单的img标记。

jQuery('<img />').attr('src', '/uploads/images/' + res.data.filename);
jQuery('.summernote').summernote('insertNode', $image[0]);

我希望看到

<img src="/uploads/images/image.jpg" />

我得到的是

<p><br><img src="/uploads/images/image.jpg" /></p>

我甚至将图像对象附加到段落对象中，然后在节点之前和之后得到<p><br></p>。

在插件源文件中没有看到这种行为。

有没有人应用自定义函数只插入普通节点？

Answer 1

尝试使用'insertImage'函数而不是'insertNode' 这是文档： insertImage

Answer 2

了解在新行上插入节点时添加包装器的原因。只要我添加一个新行，它就会创建包装器。

Answer 3

在summernote插件中进行调整。您可以在第873行的summernote.js中更改“blankspace”，我认为

blankHTML = env.isMSIE && env.browserVersion < 11 ? '&nbsp;' : '<br>';

，例如

blankHTML = '';

更好的选择是将blankHTML标记也添加到summernote中。（刚开始转到summernote.js中的emptyPara标签.Aleningnote API制作精良且易于理解。但我不确定你可以在初始化summernote之前更改blankHTML。） Bravo为他们的工作和所有在github上贡献插件的人。

Summernote包装<p> <br/> </p> for insertNode（）

3 个答案: