Показать отформатированные абзацы на Laravel 5.8

Question

Я пытаюсь создать блог, и я застрял в чем-то.

Когда я добавляю сообщение, я добавляю пробелы и текстовые блоки, например абзацы, и хочу, чтобы они отображались точно в той же форме, в которой они были написаны.

Например:

"* Lorem Ipsum Lorem ipsumipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum

Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum *"

отображается какодна строка:

" Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum * Ipsum Ipsum * Ipsum Ipsum * Ipsum Ipsum Как я могу это сделать?Спасибо

Answer 1

Один из подходов - добавить на страницу простой CSS. Добавьте имя класса в HTML-тег обертки:

<div class="class-name">
    *Lorem ipsum lorem ipsumipsum lorem ipsum lorem ipsum lorem ipsum lorem 
    ipsum lorem ipsum lorem ipsum lorem ipsum

    lorem ipsum lorem ipsum lorem ipsum lorem ipsum*
</div>

И добавить следующий CSS:

.class-name {
  white-space: pre-wrap;
}

Предварительная упаковка позволяет:

Последовательности пробелов сохраняются. Строки прерваны на новой строке символов, в
и по мере необходимости, чтобы заполнить строки.

Хотя по умолчанию обычно используется следующее:

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

Подробнее об атрибуте пробела можно прочитать здесь .

Кроме того, вы можете использовать тег <pre> html для достижения аналогичного результата.

Элемент HTML представляет собой предварительно отформатированный текст, который должен быть представлен точно так, как написано в файле HTML. Текст обычно отображается с использованием непропорционального ("моноширинного") шрифта. Пробелы внутри этого элемента отображается как написано.

Answer 2

Вы можете использовать инструмент WYSIWYG, такой как CKFinder или Summernote, и сохранить HTML в своей базе данных.Тогда сделайте это {!!$post->text!!}