текстовый редактор, заменить div на p - JavaScript
 

Здравствуйте.

Пишу текстовый редактор для админки, есть такая проблема : в окне редактора (iframe с designMode = "on") , по нажатию на enter создается div, который будет содержать контент.
Необходимо вместо div создавать p .

Узнал на форуме, что див создается из-за работы с designMode = "on" .

Я представил решение так : отловить enter , создать p , и отменить действие по умолчанию .

frame.onkeydown = function(event) {
  if (event.keyCode == 13) {
    p = frame.document.createElement("p");
    frame.document.body.appendChild(p);
    event.preventDefault();
  }
}

В моем примере скрипт работает, тег p вместо div создается, но курсор внутрь тега не попадает и добавить контент в него нельзя, курсор остается на прежнем месте (в начале).

Подскажите логику, как можно исправить это, или возможно, есть другие способы ?