javascript - Summernote 将光标定位在插入节点外

Question

我正在使用 summernote WYSIWYG 插件，并根据用户操作(例如单击按钮)添加 DOM 元素(按钮、链接等)。 insertNode API 将一个节点添加到编辑器区域，但它将光标留在该节点内(即光标位于 <button></button> 标签内。

如何确保光标超出这个最新的插入节点？

Answer 1

我遇到了同样的问题，我想出的解决方案是在节点插入后立即插入一个空格字符。

editor.insertNode($editable, $(rawHTML)[0]);
editor.insertText($editable, ' ');

这实际上为我解决了 2 个问题，因为我还希望在一个接一个添加的两个按钮之间有空间。

我知道这不是您想要的，但我认为这是最优雅的解决方案，因为更改 insertNode 的功能可能会产生其他影响。