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 - решение. Но все равно спасибо :)
    – Димка
    12 июн 2015 в 8:28
0

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

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

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

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

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

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