Pycharm Python Flask index.html模板继承问题_Pycharm_Jinja2_Syntax Highlighting

Pycharm Python Flask index.html模板继承问题

pycharm

Pycharm Python Flask index.html模板继承问题,pycharm,jinja2,syntax-highlighting,Pycharm,Jinja2,Syntax Highlighting,我正在尝试使用模板继承，以便index.html页面可以使用base.html页面。问题是我的PyCharm客户端似乎无法识别extends标记（例如base.html不是粗体）我应该期待这样的事情 index.html文件 {% extends "base.html" %} {% block title%} Thermos-welcome {% endblock %} {% block content %} <article>

我正在尝试使用模板继承，以便index.html页面可以使用base.html页面。问题是我的PyCharm客户端似乎无法识别extends标记（例如base.html不是粗体）

我应该期待这样的事情

index.html文件

{% extends "base.html" %}

{% block title%}
Thermos-welcome
{% endblock %}

{% block content %}
            <article>
                <header>
                    <h1>Data Quality</h1>
                    <p>To understand and measure</p>
                </header>
            </article>
{% endblock %}

{%extends“base.html”%}
{%block title%}
欢迎光临
{%endblock%}
{%block content%}
企业数据质量





{%block content%}
{%endblock%}
{%块边栏%}
在一边
Lorem ipsum dolor sit amet，是一位杰出的献身者。非临时性非临时性非临时性非永久性非永久性非永久性非永久性非永久性非永久性非永久性非永久性非永久性非永久性非永久性非永久性非永久性非永久性非永久性非永久性非永久性非永久性非永久性。前车辆高度。他是自由主义者，他是自由主义者。在semper Consequeat est，eu porta velit mollis nec。临时牧师。乌拉姆·科珀（Etiam ullamcorper lorem dapibus velit Succipit ultrices）
{%endblock%}
页脚
window.jQuery | | document.write（“”）

我很抱歉地报告，PyCharm社区版不支持您期望的模板突出显示。您需要升级到PyCharm Professional才能使用此功能

这一点在这里得到了注意：

在这里：

我很抱歉地报告，PyCharm社区版不支持您期望的模板突出显示。您需要升级到PyCharm Professional才能使用此功能

这一点在这里得到了注意：

在这里：

在我的base.html文件中-我需要更改以下行

{{url_for（'index.html'）}

致：

{{url_for（'index'）}

在我的base.html文件中-我需要更改以下行

{{url_for（'index.html'）}

致：

{{url_for（'index'）}

是否

base.html

与

index.html

位于同一目录下？是否位于同一目录下？能否提供更多信息，如PyCharm的版本和版本，以及两个模板的实际内容？我假设是Jinja2模板，对吗？PyCharm 2018.3.2（社区版）构建#PC-183.4886.43，构建于12月18日，2018 JRE:1.8.0_152-release-1343-b26 x86_64 JVM:OpenJDK 64位服务器虚拟机由JetBrains s.r.o Mac OS X 10.11.6提供

base.html

是否与

index.html

位于同一目录？是否提供更多信息，如PyCharm的版本和版本，以及两个模板的实际内容？我假设Jinja2模板，对吗？PyCharm 2018.3.2（社区版）Build#PC-183.4886.43，于2018年12月18日构建JRE:1.8.0_152-release-1343-b26 x86_64 JVM:OpenJDK 64位服务器虚拟机，JetBrains s.r.o Mac OS X 10.11.6

{% extends "base.html" %}

{% block title%}
Thermos-welcome
{% endblock %}

{% block content %}
            <article>
                <header>
                    <h1>Data Quality</h1>
                    <p>To understand and measure</p>
                </header>
            </article>
{% endblock %}

<!doctype html>
<html class="no-js" lang="">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title> {% block title %}{% endblock %}</title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <link rel="stylesheet" href="../static/css/normalize.min.css">
    <link rel="stylesheet" href="../static/css/main.css">

    <script src="../static/js/vendor/modernizr-2.8.3-respond-1.4.2.min.js"></script>
</head>
<body>

    <div class="header-container">
        <header class="wrapper clearfix">
            <a href="{{url_for('index.html')}}"></a> <h1 class="title">ENTERPRISE DATA QUALITY</h1>
            <nav>
                <ul>
                    <li><a href="{{ url_for('add') }}">Add user</a></li>
                    <li><a href="#">Data Marketplace</a></li>
                    <li><a href="#">Data Maestro</a></li>
                </ul>
            </nav>
        </header>
    </div>

    <div class="main-container">
        <div class="main wrapper clearfix">

            {% block content %}
            {% endblock %}

            {% block sidebar %}
                <aside>
                    <h3>aside</h3>
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam sodales urna non odio egestas tempor. Nunc vel vehicula ante. Etiam bibendum iaculis libero, eget molestie nisl pharetra in. In semper consequat est, eu porta velit mollis nec. Curabitur posuere enim eget turpis feugiat tempor. Etiam ullamcorper lorem dapibus velit suscipit ultrices.</p>
                </aside>
            {% endblock %}

        </div> <!-- #main -->
    </div> <!-- #main-container -->

    <div class="footer-container">
        <footer class="wrapper">
            <h3>footer</h3>
        </footer>
    </div>

    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
    <script>window.jQuery || document.write('<script src="../static/js/vendor/jquery-1.11.2.min.js"><\/script>')</script>

    <script src="js/main.js"></script>
</body>