I have a common form that submits data to firebase. In a textarea
text is written, we know that with the key enter
line breaks are generated.
When sending this information in firebase it is saved as a string but...
When showing them in p
those line breaks, I tried with pre
and the line breaks are generated but they come out of their containers
this is what i tried
<div style="background:red">
<p>
Lorem ipsum dolor sit amet consectetur adipiscing elit praesent nibh in condimentum risus, vehicula mus pretium facilisi tortor mi facilisis sapien mollis odio blandit ridiculus, accumsan enim per egestas fringilla montes maecenas hac purus integer arcu.
Placerat magnis maecenas dictum sapien eros congue, ligula ullamcorper mollis sagittis vehicula, aliquam sociis luctus lobortis nisi. |Eu ante pharetra tellus maecenas tincidunt ultrices inceptos quis vestibulum porta consequat congue, eros rhoncus
magnis justo potenti aliquam neque mus curabitur sem.
</p>
</div>
<div style="background:red">
<pre>
Lorem ipsum dolor sit amet consectetur adipiscing elit praesent nibh in condimentum risus, vehicula mus pretium facilisi tortor mi facilisis sapien mollis odio blandit ridiculus, accumsan enim per egestas fringilla montes maecenas hac purus integer arcu.
Placerat magnis maecenas dictum sapien eros congue, ligula ullamcorper mollis sagittis vehicula, aliquam sociis luctus lobortis nisi. |Eu ante pharetra tellus maecenas tincidunt ultrices inceptos quis vestibulum porta consequat congue, eros rhoncus
magnis justo potenti aliquam neque mus curabitur sem.
</pre>
</div>
Does anyone have any idea how to display line breaks ?
In javascript it is
str = str.replace(/(?:\r\n|\r|\n)/g, '<br>');
if you put your code we integrate it and it is already as a response to future usersFor example:
ref: https://stackoverflow.com/a/784547/1423096
You just have to add
<br />