Перейти к содержимому
Открыть в приложении

Удобный способ просмотра. Узнать больше.

Дизайн и модификация Invision Community

Полноэкранное приложение на главном экране с push-уведомлениями, медалями и многим другим.

Чтобы установить это приложение на iOS и iPadOS
  1. Нажмите иконку «Поделиться» в Safari
  2. Прокрутите меню и нажмите На экран «Домой».
  3. Нажмите Добавить в правом верхнем углу.
Чтобы установить это приложение на Android
  1. Нажмите меню из трёх точек (⋮) в правом верхнем углу браузера.
  2. Нажмите Добавить на главный экран или Установить приложение.
  3. Подтвердите, нажав Установить.
Русский язык для Invision Community 5

Как заменить тег <p> на <br> ( автоматом )

Собственно хочу чтобы html код выглядел более компактно без особых разрывов. Только не советуйте пожалуйста в ручную вписывать через редактор и менять <p> на <br> т.к информации приходится очень много размещать. Хотелось бы чтобы при переносе строки оно автоматически в html ставило <br> а не <p>.

 

У меня так

 

post-57733-0-36048100-1564223859_thumb.png

 

А нужно хотя бы вот так с тегом <br>

 

post-57733-0-01070200-1564223874_thumb.png

Рекомендованные сообщения

В АЦ в настройках редактора

 

Действие клавиши Enter

- Создать новый абзац.

- Перейти на следующую строку.

  • Автор

Это совсем не то(

Во первых <p> как и был так и остался

Во вторых оно всегда делает новый абзац с отрывом

 

post-57733-0-71387200-1564227303_thumb.png

 

post-57733-0-51118200-1564227314_thumb.png

 

Может еще какой то вариант есть?)

 

Даже если я скопирую чужой html где есть <br /> оно его меняет на <br> ну и заодно всё равно добавляет кучу <p> и закрывающихся </p>

Изменено пользователем servissoc

  • Автор

Проблема решена, частично.

Подскажите как сделать расстояние между абзацами меньше? я всё таки сменил "начать новый параграф" теперь при нажатии на enter большое расстояние от строки, пользователи естественно не все догадаются что нужно жать шифт+ентер. Вообщем хочу сделать минимальное расстояние между абзацами, в коде полазил но не понял как реализовать

Что вы хотите, непонятно. Переключалка в настройках редактора как раз делает большие и маленькие отступы между </p> и <p>

 

А Shift + Enter всегда добавляет <br>

 

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

Изменено пользователем Zero108

  • Автор

Я поставил чтобы сразу при нажатии на enter переводило на новых абзац теперь. Но во всех темах это не очень смотрится т.к большие отступы + лишние отступы из-за того, что раньше стояло "перейти на следующую строку" теперь естественно всплыли все лишние переносы строк и выглядит это удасно. Из плюсов это теперь более чистый код <p>текст</p> и никаких проблем, вот только бы отступ чуть чуть меньше сделать между строками, понятно что через редактор это делается, но если выбрать "перевод на следующую строку" тогда проблема уже другая - когда переходишь на новый абзац то лишние <p></p>. Вообщем я остановился на цели сделать чуть меньше отступ пока что) а как это сделать через css не знаю

Изменено пользователем servissoc

У меня стоит в верхнем положении - делать новый параграф, то есть большой отступ между p

Когда переключатель в нижнем положении, то работает вот такой css:

 

.ipsType_richText > p:last-child {
   margin-bottom: 0;
}

.ipsType_richText p:not( [class] ) {
   margin-top: 0;
   /* margin-bottom: 0; */
}

 

Этот код находится в css темы в админке, в typography.css

 

Там можете и поэкспериментировать с отступами. Но в custom.css это вряд ли будет работать. Придется править непосредственно в typography.css

Изменено пользователем Zero108

  • Автор

Спасибо, попробую)

  • Автор

Сделал margin-top: -10px;

Всё круто, от текста отступ норм стал, но ломает цитаты и подписи, текст уходит вверх.

Как итог сделал -5px, отступ чуть чуть меньше, с -5 ничего лишнего не ломается, уже прогресс)

 

Всё тему можно закрыть, спасибо всем, вернул как было, вроде и так нормально))

Изменено пользователем servissoc

Создайте аккаунт или войдите в него для комментирования

Аккаунт

Навигация

Поиск

Поиск

Настроить push-уведомления браузера

Chrome (Android)
  1. Нажмите на иконку замка рядом с адресной строкой.
  2. Нажмите Права доступа -> Уведомления.
  3. Измените свои настройки.
Chrome (компьютер)
  1. Нажмите на иконку замка в адресной строке.
  2. Выберите Настройки сайта.
  3. Найдите Уведомления и измените свои настройки.