使用 Contenteditable / Summernote 时获取当前段落文本的计数

Question

尝试在某种程度上复制 Medium 编辑器。

目的是让用户在单个段落中只能有文本或只有图像。

当用户将注意力放在 Summernote 上时，插入图像按钮会显示出来，一旦他们开始输入，它就会隐藏，直到他们点击返回并开始一个新段落，然后该过程再次开始。

我基本上使用 keyCode 测试了这一点，并检查他们是否按下键或新段落的返回键。但是当用户删除文本时问题就来了。如果他们删除（退格）整个段落的内容，那么插入图片按钮应该会再次显示。

我能想到的唯一方法是获取用户正在编辑的当前 p 标签并检查其长度。但是我在获取当前的 p 标签及其内容时遇到了真正的问题。之后剩下的就简单了。

有什么建议吗？

伪：

if ( activeParagraph.text().length) {
    showImageButton();
} else {
    hideImageButton();
}

Answer 1

找到了我需要的东西。

var selection = window.getSelection();
var length = selection.anchorOffset;

在此处的选择变量上运行 console.log 将提供大量信息。