Получить отсчет текущего текста абзаца при использовании Contenteditable/Summernote

Question

пытается немного воспроизвести редактор Medium.

Целью является то, что пользователь может иметь только текст или иметь только изображение внутри одного абзаца.

Когда пользователь нажмет на Summernote кнопку вставки изображения, как только они начнут печатать, они скрываются, пока не нанесут ответный удар и не начнут новый абзац, а затем процесс начнется снова.

Я протестировал это, используя keyCode, и проверял, нажимают ли они клавиши или клавишу возврата для нового абзаца. Но проблема возникает, когда пользователь удаляет текст. Если они удаляют (backspace) содержимое всего абзаца, то кнопка вставки изображения должна отображаться снова.

Единственный способ, которым я могу думать, это получить текущий тег p, который пользователь редактирует, и проверить его длину на клавише вверх. Но у меня есть реальная проблема с получением текущего тега p и его содержимого. Остальное легко после этого.

Любые предложения?

ПСЕВДО:

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

Answer 1

Найдено, что мне нужно.

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

Запуск console.log на выбор var здесь даст тонну информации.