Python 是否可以在烧瓶表中显示图像或呈现html?
我有一个烧瓶应用程序,使用烧瓶炼金术和烧瓶表。我的表格显示得很好,但如何在其中一列中包含图像?我已经尝试将发送到table类的内容修改为带有图像标记的html,但结果不是呈现为html flask table文档说,您可以将属性传递给表,并且有链接和按钮的列类型,但我看不到传递图像或原始html以使其呈现的方法 这在烧瓶表中是可行的,还是应该手动创建表 app.pyPython 是否可以在烧瓶表中显示图像或呈现html?,python,flask,web-applications,flask-table,Python,Flask,Web Applications,Flask Table,我有一个烧瓶应用程序,使用烧瓶炼金术和烧瓶表。我的表格显示得很好,但如何在其中一列中包含图像?我已经尝试将发送到table类的内容修改为带有图像标记的html,但结果不是呈现为html flask table文档说,您可以将属性传递给表,并且有链接和按钮的列类型,但我看不到传递图像或原始html以使其呈现的方法 这在烧瓶表中是可行的,还是应该手动创建表 app.py 尝试使用flask.Markup()包装您的HTML字符串,它会将字符串标记为安全字符串,因此它将呈现为HTML而不转义: fro
尝试使用
flask.Markup()
包装您的HTML字符串,它会将字符串标记为安全字符串,因此它将呈现为HTML而不转义:
from flask import Markup
tems = [Item('bob', Markup('<img src="http://example.com/image.png">')),
Item('alice', 'http://example.com/image2.png')]
从flask导入标记
tems=[项目('bob',标记(''),
项目('alice','http://example.com/image2.png')]
还没有测试,让我知道它是否有效
{% extends 'base.html' %}
{% block content %}
<h1>Table</h1>
{{ table }}
{% endblock %}
------------------------------------------------------
| Name | Image |
------------------------------------------------------
| bob | <img src="http://example.com/image.png"> |
| alice | http://example.com/image2.png |
------------------------------------------------------
<table class="table table-hover">
<thead class="thead-dark"><tr><th>id</th><th>name</th><th>Image</th></tr></thead>
<tbody>
<tr><td>1</td><td>test1</td><td>https://example.com/test1.png</td></tr>
<tr><td>2</td><td>no markup or safe modifier</td><td><img src="https://www.google.com/images/branding/googlelogo/1x/googlelogo_color_272x92dp.png"></td></tr>
<tr><td>3</td><td>Using Markup()</td><td><img src="https://www.google.com/images/branding/googlelogo/1x/googlelogo_color_272x92dp.png"></td></tr>
<tr><td>4</td><td>Using Markup() and safe modifier</td><td><img src="https://www.google.com/images/branding/googlelogo/1x/googlelogo_color_272x92dp.png"></td></tr>
</tbody>
</table>
from flask import Markup
tems = [Item('bob', Markup('<img src="http://example.com/image.png">')),
Item('alice', 'http://example.com/image2.png')]