I'm working with a CMS that allows only text in a certain div (HTML , like <br>
, is parsed to <br>
). It is fine with Unicode / HTML codes (e.g. &
would generate &
and @
would generate @
) but it will seemingly not allow a new line / carriage return. How can I put a <br>
in the div, without using HTML?
I've tried:


- https://dev.w3.org/html5/html-author/charref
- New line in text area
- New line in text area


or 

or 

- https://en.wikipedia.org/wiki/Newline

or 
or 
- https://en.wikipedia.org/wiki/Newline
Here is a fiddle with the same issue (and HTML structure as output by CMS) > https://jsfiddle.net/w3p4wgcc/ ...Is it just not possible?
You can insert line breaks in HTML with the <br> tag, which is equivalent to a carriage return on a keyboard.
To add spacing between lines or paragraphs of text in a cell, use a keyboard shortcut to add a new line. Click the location where you want to break the line. Press ALT+ENTER to insert the line break.
Yes, you can directly add content text into a div tag, although using p tags would be preferable in most circumstances.
<br>: The Line Break element. The <br> HTML element produces a line break in text (carriage-return).
With inline css i've managed to do the following:
<div style="white-space: pre-wrap;">
This is some new text, this text should be on a new line.
</div>
https://jsfiddle.net/6mqgrym9/
If you need all of your divs to be like this one could say in your stylesheet the following:
div {
white-space: pre-wrap;
}
if these divs are contained in a root div (which has a id) one could do the following:
#idhere > div {
white-space: pre-wrap;
}
If you're allowed to use some javascript you can try this:
<div>
<script>
document.currentScript.parentNode.innerHTML = 'This is some new text<br>this text should be on a new line.';
</script>
</div>
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With