我如何使用flask在html中显示相同的缩进json内容

Question

所以我不确定如何做到这一点，我不确定如何准确地描述它。

所以我有一个flask项目读取json.

my json是追忆这个

{
"monday": {
"2:00": {
"Person A1": "123-456-7890",
"Person B1": "123-456-7890"
},
"2:30": {
"Person A2": "123-456-7890",
"Person B2": "123-456-7890",
"Person C2": "123-456-7890"
},
"3:00": {
"Person A3": "123-456-7890",
"Person B3": "123-456-7890",
"Person C3": "123-456-7890"
},
"3:30": {
"Person A4": "123-456-7890",
"Person B4": "123-456-7890",
"Person C4": "123-456-7890"
}
}
}

让我说清楚，我不想要一个表，我只是想显示这个json，我想在render_template中显示它。并保持精确缩进

这是我在python中尝试的:

with open('st.json') as jsonfile:
data = json.load(jsonfile)

data = str(data)
data = data.replace(", ", ", <br> ")
return render_template("admin/dashboard.html", name=request.form.get("name"), data=data)

和{{ data | safe }}在我的html

不要问我为什么需要render_template，我只是为了进一步改进。

当我这样做时，我得到一个变形的json。它看起来更像一个多行，但没有缩进和其他东西。我怎样才能使它工作呢

Answer 1

@Klaus D，在评论中给出了答案，我想告诉大家。

在html的前面和后面分别写上<pre>和</pre>。这将完美地显示。

你也可以选择使用漂亮的打印，但我还没有尝试过，