Перейти к публикации
View in the app

A better way to browse. Learn more.

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

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Как заменить тег <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

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

Сейчас на странице 0

  • Нет пользователей, просматривающих эту страницу.

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.