Ребятушки, прошу прощения, если тема не в своем разделе.
Подскажите, как пофиксить такой недуг:
Существует такая конструкция:
<article id="article" contenteditable="true">
<p class="paragraph">some..</p>
</article>
Когда мы внутри артикла жмякаем Enter, то создается новый
<p></p>
и курсор автоматически ставится внутрь него. Это хорошо.
Когда же мы удаляем содержимое, нажимая Backspace, то удаляется текст и затем пустой тег. Как сделать так, чтобы не удалялся последний
<p></p>
? Либо если удалился ,то автоматически создавался и каретка ставилась внутрь него. А то получается, что тег стирается и мы просто пишем внутри артикла, а не внутри параграфа.
Я пробовал такое
var elem = $('article#article').children().toArray();
console.log(elem);
if (elem.length <= 1)
{
$('article#article').append('<p class="paragraph"> </p>');
}
Как бы и работает, но не работает. Помогите, пожалуйста.
Надеюсь понятно объяснил ))