Нужна помощь по содержимому textarea

Я пытаюсь отобразить текст из моей базы данных. <p> не показывает ожидаемые новые строки, но <textarea> показывает.

Я хочу использовать это так <p>{course.overview}</p>.

Когда я использую этот <textarea type = "text" placeholder = {course.overview} className = "form-control color-black overflow:scroll" name = "overview" rows = "95" disabled/>, он сохраняет формат.

Это не совсем то, что я хочу, но это лучше, чем <p>{course.overview}</p>. Что я могу сделать?

Я пытался использовать то же имя класса в <textarea type = "text" placeholder = {course.overview} className = "form-control color-black overflow:scroll" name = "overview" rows = "95" disabled/>

с

<p className = "form-control color-black overflow:scroll" >{course.overview}</p> но это ничего не меняет.

Например, изображения textarea = https://ibb.co/zSmmHrT AND p = https://ibb.co/1L07Dfk

Заранее спасибо ! :)

Вопрос немного неясен, чего вы пытаетесь достичь? Что вы имеете в виду под «удалить страницу формата»?

Charlie Araya 22.03.2022 15:32

даже с картинками? Я пытаюсь отобразить текст из моей базы данных. Когда я делаю <p>{xxx}</p>, он не показывает ожидаемую новую строку. Поэтому, когда в текстовом поле он отображает их

Nayrod 22.03.2022 15:48

А, теперь мне ясно, спасибо. Является ли ваш текст из БД простым текстом или html?

Charlie Araya 22.03.2022 16:20

Обычно обычный текст

Nayrod 22.03.2022 16:24
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Массив зависимостей в React
Массив зависимостей в React
Все о массиве Dependency и его связи с useEffect.
0
4
34
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Вместо использования тега <p> вы можете использовать тег <pre>, если это обычный текст. В противном случае вам нужно будет преобразовать все ваши новые строки с помощью <br>

Подробнее об этой проблеме здесь: https://www.w3schools.com/html/html_paragraphs.asp

Вау спасибо стало лучше! Полиция может быть изменена?

Nayrod 22.03.2022 16:31

Что вы имеете в виду под полицией?

Charlie Araya 22.03.2022 16:37

Плохо, шрифт ibb.co/BspmYPZ

Nayrod 22.03.2022 16:38

Вы можете css это. pre { семейство шрифтов: наследовать; }

Charlie Araya 22.03.2022 16:44

Еще раз спасибо ! и последнее, текст выходит за пределы экрана с помощью ползунка, могу ли я изменить это? и держать все на той же странице без слайдера?

Nayrod 22.03.2022 16:51

пробел: предварительная обертка; /* css-3 / пробел: -moz-pre-wrap; / Mozilla, с 1999 года / пробел: -предварительная обертка; / Opera 4-6 / пробел: -o-pre-wrap; / Opera 7 / word-wrap: break-word; / Internet Explorer 5.5+ */ СПАСИБО :)

Nayrod 22.03.2022 17:00

Другие вопросы по теме