0

Когда делаешь элемент (в моё случае div) contenteditable="true" при переводе строки вставляется <div>. Но если курсор стоял например в <p> то вставляется <p></p>, что меня больше утраивает. По примеру CREDITOR сделал, при клике, если поле пустое, то вставляется <p><br></p>. Но курсор все равно стоит на пустом месте и при переводе строки вставляет див. И вот как сделать чтобы теперь курсор попал в это <p>, чтобы дивы не штамповались?

Хотя вопрос поставлен не правильно. Как сделать чтобы при переводе строки вставлялись <p> вместо стандартных <div>?

3 ответа 3

1

Разницу между <div> и <p> можно исправить стилями...

*[contenteditable] div, *[contenteditable] p {
    margin: 1em 0em 1em 0em;
}
1
  • Ну это совсем уж костыль. Меня все таки больше интересует javascript - решение. Но все равно спасибо :)
    – Димка
    Commented 12 июн. 2015 в 8:28
0

Попробуйте использовать <p contenteditable></p> вместо div...

2
  • К сожалению опять дивы.
    – Димка
    Commented 11 июн. 2015 в 5:57
  • Будет ещё хуже.
    – Qwertiy
    Commented 11 июн. 2015 в 6:45
0

А что если уже после редактирования заменить все тэги <div> на <p>?

1
  • Нет, надо сразу :))
    – Димка
    Commented 11 июн. 2015 в 6:55

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.