使用Jinja2字段预览HTML

Question

我刚刚开始开发Flask网络应用程序。我可以说我是网络开发领域的新手。 现在我正在使用Atom和一些插件，比如PreviewHTML来获得一个侧窗格并显示HTML的实时预览

我面临的问题是：如果我有一个带有Jinja2字段的HTML，我就看不到我正在编码的页面的预览（它不识别语句^{（即base.HTML存在并且工作正常），而字段只是被花括号包围）

我想知道，你是如何正确地完成这项工作的

我现在做的是准备一个带有100%HTML标记的HTML，当我看到它很好时，我将这些行转换为jinja字段（使用我需要的类）

有什么办法可以让它更简单吗

提前谢谢

Answer 1

这是因为您正在编写的html不是纯html。所有这些jinja2标记（{%}、{{}}等）都是在jinja2完成的渲染时使用的。您看到的是jinja2呈现之前的原始html。因此，要查看呈现的html，您必须运行应用程序，让它为您呈现html

Answer 2

我假设您正在编写一个flask应用程序（感谢您的标签）。在这种情况下，您需要从命令行运行flask应用程序，以便识别jinja

您可以通过以下方式运行flask应用程序：

python文件名.py

这将在浏览器中运行你的应用程序。因此，请转到浏览器并键入http://127.0.0.1:5000/

然后，如果您已经为您要查找的页面设置了路由，那么您将能够查看您创建的页面

用于呈现基本html页面“index.html”的flask文件如下所示：

    from flask import Flask, render_template

    app = Flask(__name__) 

    @app.route('/')
    @app.route('/index') 
    def index(): 
        return render_template('index.html')

    if __name__ == '__main__': 
        app.run() 

希望这有帮助

Answer 3

我认为您正在使用的live html预览在jinja字段上不起作用。为此，需要从命令行运行python文件。当flask应用程序处于开发模式时，您可以通过为flask应用程序设置环境变量“TEMPLATES\u auto\u reload=True”来自动重新加载html文件。让我知道如果你需要这个解释如何做