在绘图破折号布局中使用 HTML 标签嵌入变量

Question

我有一个变量，其中一些文本已经包含 HTML 标签 - 例如换行符/粗体/等。 我根据某些条件从数据框中提取此变量。

我想在我的 Dash 布局中使用它。

myData = df["HTML_TEXT_COLUMN].values[0]

例如，您可以考虑使用

myData

变量来包含以下文本 -

line1 <br> line2 <br> line3

我正在尝试在我的破折号布局中使用这个变量作为 HTML -

app.layout = html.Div(children = [
    html.H1("Some header),
    myData
    # OR html.P(myData)
    ]
)

这将布局视为文本，并将 HTML 标签视为文本。 相反，我想将该变量视为 HTML 并考虑换行符。 我做错了什么？

理想情况下，我希望不将变量保存为 HTML 文件，然后在 iFrame 中使用该 html 文件 - 因为我不想保存不必要的 HTML 文件。

Answer 1

找到答案并希望更新以防其他人想要 -

不要直接在 html 布局中使用

myData

，而是将其用作 Markdown -

app.layout = html.Div([
    html.H1("Some header"),
    dcc.Markdown(myData)
    ]
)

这有效！