When I render my user input from a textarea in react, all of the formatting (line-breaks and tabs) are automatically removed, how do I change that?

Question

How my text appears when rendered How my text appears in the textarea input

I am posting multi-paragraph blogs, some about poetry (where line breaks and spacings matter a lot). How do I make the line breaks and other spacing stay when I render the data? Can I make it so the user can put html tags in the textarea somehow? I am using firebase realtime database to store the data.

I tried changing the HTML tag in the rendered component from p to per, expecting to be able to use html tags, but that didn't work.

commit the frog · Accepted Answer · 2022-12-27 13:14:51Z

0

write this code on css file

white-space: pre-wrap;

answered Dec 27, 2022 at 13:14

commit the frog

11 bronze badge

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

When I render my user input from a textarea in react, all of the formatting (line-breaks and tabs) are automatically removed, how do I change that?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related