Using render_template in Flask, how to split a string into multiple lines?

Question

So, I'm messing around with the star wars swapi API, and rendering my api search onto an html file as a string, however I cannot seem to separate the titles in the string by line:

from flask import Flask, render_template, request, redirect
import requests
import json
import swapi

app = Flask(__name__)


@app.route('/', methods=['GET', 'POST'])
def index():
    url = "https://swapi.co/api/"
    star_wars_api = requests.get(url)

    result = ''
    if request.method == 'POST':
        films = requests.get(star_wars_api.json()['films'])
        if films.status_code == 200:
            if request.form['search'] == "films":
                film_json = films.json()

                for film in film_json['results']:
                    result += str(film['title'])

                return render_template('index.html', results=result)
    else:
        return render_template('index.html')


if __name__ == "__main__":
    app.run(debug=True)

Here is the HTML file:

{% extends 'base.html'%}

{% block head %} {% endblock %}

{% block body %}

<form action="/" method="POST">
    <label for="search">Search:</label>
    <input class="form-control" type="text" name="search" id="search" placeholder="Search" aria-label="Search">
    <br>
    <input type="submit" value="Post">
</form>

<p> {{ results }}</p>

{% endblock %}

Here is the output: (on the index.html page)

"A New HopeAttack of the ClonesThe Phantom MenaceRevenge of the SithReturn of the JediThe Empire Strikes BackThe Force Awakens" (without the quotes)

I'll remove the redundant quotes to ease confusion, however the remove doesn't change the output whatsoever. — Nemo726
– Nemo726, Commented Dec 16, 2019 at 4:11
what do you have in results? If single line then you can't split it. If you have many lines then replace '\n with  , or use <pre></pre> instead of  — furas
– furas, Commented Dec 16, 2019 at 4:47
Frankly you should send titles as list, not string and use {% for %} in template to display eveery title in separate  or add   to every title. — furas
– furas, Commented Dec 16, 2019 at 4:49

furas · Accepted Answer · 2019-12-16 06:01:20Z

2

In HTML you have to use   instead of \n to put text in new line.

You should get titles as list and then use " ".join(titles)

titles = []

for film in film_json['results']:
    titles.append( film['title'] )

result = "<br>".join(titles)

return render_template('index.html', results=result)

Or you should send list with titles to template

result = []

for film in film_json['results']:
    result.append( film['title'] )

return render_template('index.html', results=result)

and use {% for %} loop in template

<p>
{% for title in results %} 
{{ title }}<br>
{% endfor %}
</p>

Eventually you should add '\n' to every title

for film in film_json['results']:
    result += film['title'] + "\n"

return render_template('index.html', results=result)

and use <pre> instead  and it will respect "\n" (but it will use monospace font because it was created to display code - like this code in answer)

<pre>{{ result }}</pre>

edited Dec 16, 2019 at 6:01

answered Dec 16, 2019 at 4:57

furas

149k12 gold badges121 silver badges171 bronze badges

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

1 Comment

Nemo726 Over a year ago

That was it! I tried to figure out how to send each title into a list but I'm new to all of this and totally forgot that I could append each one, also the jinja for loop.

Collectives™ on Stack Overflow

Using render_template in Flask, how to split a string into multiple lines?

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related