I was playing around with flask when I came across an odd problem with the '\n' character. it dosen't seem to have an effect in my browser, I tried putting
in there but it didn't work, any ideas?
from flask import Flask from flask import render_template test=Flask(__name__) @test.route('/') def root(): str='yay\nsuper' return str test.run(debug=True) So it turns out that flask autoescapes html tags. So adding the <br> tag just renders them on screen instead of actually creating line breaks.
There are two workarounds to this:
Break up the text into an array
text = text.split('\n') And then within the template, use a for loop:
{% for para in text %} <p>{{para}}</p> {% endfor %} Disable the autoescaping
First we replace the \n with <br> using replace:
text = text.replace('\n', '<br>') Then we disable the autoescaping by surrounding the block where we require this with
{% autoescape false %} {{text}} {% endautoescape %} Whenever you do this, please be very cautious about the variables you are using in this block.
I think the first version avoids the vulnerabilities present in the second version, while still being quite easy to understand.
Newlines only have an effect on HTML rendering in specific cases. You would need to use an HTML tag representing a newline, such as <br/>.
def root(): str='yay<br/>super' return str 
<br/> for me, screenshots: grab.by/fOTO EDIT:the H1 was a test for the HTML tags, but it was the same with the br
In case someone end up here like me, and doesn't want to use {% autoescape false %}, for safety reasons, nor braking up the text which might be inconvenient in some cases, I found a good alternative here:
from flask import Markup value = Markup('First line.<br>Second line.<br>') and then in the jinja template:
{{ value }} 
I come late to the party, but here's my solution.
HTML has a <pre> tag which can prove useful in this situation.
<pre>{{ your_text }}</pre> This tag tells the browser not to automatically adjust spacing and line breaks.
To learn more about this tag check this guide out.
I would suggest <br> rather than <p>
{% for para in text %} {{para}}<br> {% endfor %} then result is less bulky
<p>…</p>, but it is less bulky. It directly addresses the answer from SamarthEasiest way to do this
@app.template_filter(name='linebreaksbr') def linebreaksbr_filter(text): return text.replace('\n', '<br>') {{ someText|linebreaksbr }} This will replace every "\n" character in your text with <br>.
