Question

所以我是HTML的新手。我正在用烧瓶建立一个Web应用程序。我正在尝试可视化一些HTML标记，但显示不正确。

我有以下烧瓶路线：

@app.route('/predict',methods=['GET','POST'])
def api():
    if request.method == "POST":

        input_data = request.form['rawtext']
        output_data = model_api(input_data)
        alignedText = output_data["words"]
        predictions = output_data["predictions"]
        #response = jsonify(output_data)
        print(predictions, flush=True)

        if request.values.get('type') == 'image':
            text = output_data["text"]
            ents = turnIntoSpacyFormat((predictions))
            inp = {"text": text, "ents": ents, "title": None}
            htmlm = displacy.render(inp, style="ent", manual=True)

            return render_template('index.html', text=alignedText, predictions=predictions, htmlm=htmlm)
        else:
            return render_template('index.html', text=alignedText, predictions=predictions)
    else:
        return render_template('index.html')

函数displacy.render返回html标记。我将其传递给index.html。我要打印的部分看起来如下（最后几行）：

      <!-- Result Display-->
  <section class="section section-solutions-about grey darken-2">
 <div class="container white-text">

      <!--   Icon Section   -->
      <div class="row">
        <div class="col s12 m6">
          <div class="icon-block">

            <!--<h5 class="center">Your Text</h5>-->
             <p>Text:&nbsp;&nbsp;&nbsp;&nbsp; <span style="color:#0091EA;">{{ text }} </span></p>
            <!--<p class="light">{{ctext}}</p>-->
            <div class="alert alert-info" role="alert"><p>Entities: <span style="color:#0091EA;">{{ predictions }} </span></p><br/>
            </div>

          </div>
        </div>

      </div>
     <div class="entities" style="line-height: 2.5; direction: ltr"> Doesn't show up correctly</div>
     {{ htmlm }}

  </div>
</section>

我当时想我可以这样显示在html页面上：{{htmlm}}

显然，它打印标记的字符串表示形式。首先我以为标记可能是错误的。但是，当我在html文件中输入完全相同的内容时，如{{htmlm}}命令上方的一行，它会根据需要显示。

这里是打印的内容：第一行是所需要的，并通过将html标记粘贴到html文件中来显示。第二个输出是我通过访问htmlm变量得到的结果。

有人知道该怎么做吗？

Answer 1

生成的HTML被转义；您需要将其标记为{{ htmlm|safe }}。

按照Jinja docs：

...默认配置为不自动转义。对于各种   原因：


转义除安全值以外的所有内容还意味着Jinja转义了已知不包含HTML的变量（例如数字，   布尔值），这可能对性能产生巨大影响。

有关变量安全性的信息非常脆弱。通过强迫安全和不安全的值，返回值可能会发生   是两次转义的HTML。

但是，in Flask，在许多情况下将自动转义设置为默认值：

除非自定义，否则Flask将Jinja2配置如下：


在使用render_template（）时，所有以.html，.htm，.xml和.xhtml结尾的模板均启用了自动转义。
  使用render_template_string（）时，会为所有字符串启用
自动转义。模板可以选择加入/退出   使用{％autoescape％}标签自动转义。

Flask在Jinja2上下文中插入了几个全局函数和辅助函数，此外还提供了   默认。

如何使html标记显示？

1 个答案: