質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.44%
Flask

FlaskはPython用のマイクロフレームワークであり、Werkzeug・Jinja 2・good intentionsをベースにしています。

Jinja2

Jinja2は、Python用のテンプレートエンジンです。テンプレートファイルの読込や文字列の埋込、分岐/ループの制御文のサポートなどの機能を持ちます。HTMLやXML生成によく使用されますが、どのような文書でも生成することが可能です。

Python 3.x

Python 3はPythonプログラミング言語の最新バージョンであり、2008年12月3日にリリースされました。

Python

Pythonは、コードの読みやすさが特徴的なプログラミング言語の1つです。 強い型付け、動的型付けに対応しており、後方互換性がないバージョン2系とバージョン3系が使用されています。 商用製品の開発にも無料で使用でき、OSだけでなく仮想環境にも対応。Unicodeによる文字列操作をサポートしているため、日本語処理も標準で可能です。

Q&A

解決済

1回答

1329閲覧

Flaskで渡した文字をjinja2にて表示する際にうまく表示されない。

yopiru

総合スコア34

Flask

FlaskはPython用のマイクロフレームワークであり、Werkzeug・Jinja 2・good intentionsをベースにしています。

Jinja2

Jinja2は、Python用のテンプレートエンジンです。テンプレートファイルの読込や文字列の埋込、分岐/ループの制御文のサポートなどの機能を持ちます。HTMLやXML生成によく使用されますが、どのような文書でも生成することが可能です。

Python 3.x

Python 3はPythonプログラミング言語の最新バージョンであり、2008年12月3日にリリースされました。

Python

Pythonは、コードの読みやすさが特徴的なプログラミング言語の1つです。 強い型付け、動的型付けに対応しており、後方互換性がないバージョン2系とバージョン3系が使用されています。 商用製品の開発にも無料で使用でき、OSだけでなく仮想環境にも対応。Unicodeによる文字列操作をサポートしているため、日本語処理も標準で可能です。

0グッド

0クリップ

投稿2022/06/17 13:42

実現したいこと

Flaskで作成したフォームにhtmlが記述してあり、それを表示したい。
render_templateで返して表示する際にh1タグなどがあると

<h1>○○が○○</h1> と表示されるが
○○が○○

という風に表示させたい

該当のソースコード

Python

1naiyou = naiyou.query.all()#中には <h1>タグなどが書かれている。 2return render_template('file.html',naiyou=naiyou)

html

1<p>{{ naiyou.naiyou }}</p>

試したこと

pタグをなくしてみたり、色々調べてみましたが特に欲しい情報はなし(調べ方が間違っているかもしれないです。)

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

ベストアンサー

自動エスケープの制御(Controlling Autoescaping)

テンプレートの中で、文字列を安全なHTMLとして明示的に印づけるために|safeフィルタを使います({{ myvariable|safe }})。

とのことなので~|safeとすればよいです。

test.py

Python

1from flask import Flask, render_template 2 3app = Flask(__name__) 4 5@app.route('/') 6def test(): 7 naiyou = '<h1>test</h1>' 8 return render_template('test.html', naiyou=naiyou) 9 10if __name__ == "__main__": 11 app.run(debug=True)

test.html

HTML

1<!doctype html> 2<html><body><p>{{naiyou|safe}}</p></body></html>

投稿2022/06/17 13:58

can110

総合スコア38302

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.44%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問