Flaskのテンプレート内の予約文字列 {{ }} {% %} を変更する方法を説明します。
これで何が嬉しいかというと、例えばVue.jsを使おうとするとVue.jsも {{ }} を使うので、Flaskと競合してしまいますが、この方法により回避できます。
環境
- Flask==1.0.2
- Jinja2==2.10.1
コード
以下の２つのコードで {{ }} {% %} を [[ ]] [% %] に変更できます。
main.py
from flask import Flask
# Flaskのテンプレートエンジンであるjinja2のenvironmentを作成。
from jinja2 import Environment, PackageLoader, select_autoescape
jinja2_environment = Environment(
loader=PackageLoader(__name__, 'templates'),
autoescape=select_autoescape(['html', 'xml']),
block_start_string ='[%', #元は {%
block_end_string ='%]', #元は %}
variable_start_string ='[[', #元は {{
variable_end_string =']]' #元は }}
)
app = Flask(__name__)
@app.route('/')
def root():
# 作ったenvironmentを指定してテンプレートを取得
template = jinja2_environment.get_template('index.html')
# テンプレートをレンダリング
return template.render(var1="hello")
if __name__ == '__main__':
app.run()
templates/index.html
<html>
<body>
[% if 1 > 0 %]
[[ var1 ]]
[% endif %]
</body>
</html>
結果
main.pyを実行して、 http://localhost:5000/ にアクセスすると
とでます。