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

Question

试图在某种程度上复制媒体编辑器。

目的是使用户只能在一个段落中包含文本或只有图像。

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

我已经使用keyCode进行了基本测试，并检查它们是否按下了键或新段落的返回键。但问题出现在用户删除文本时。如果他们删除（退格）整个段落的内容，则插入图像按钮应再次显示。

我能想到的唯一方法是获取用户正在编辑的当前p标记，并在密钥上检查其长度。但是我对获取当前的p标签及其内容存在真正的问题。其余的很容易。

有什么建议吗？

伪：

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

Answer 1

找到我需要的东西。

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

在这里选择var上运行console.log将提供大量信息。