jupyter-notebook - 如何将 Jupyter 输出包装在自定义 HTML 中？

Question

我希望能够获取对象的正常输出并将其插入到自定义 HTML 组件中。具体来说，我希望允许将多个图表放入一个 Accordion UI 元素中，或者在单击按钮时显示隐藏的数据框。有没有办法获取通常会输出的 HTML，将其包装在我自己的 HTML 组件中，然后输出？

我试过了:

import IPython.display as dp

dp.display(dp.HTML('<div id="mycontainer">')) # Just a simple div, 
                                              # but ideally would be e.g. bootstrap component
dp.display(my_obj) # my_obj here could be a (potentially styled) dataframe 
                   # or a plot from matplotlib/altair/etc.
dp.display(dp.HTML('</div>'))

然而，未封闭的 <div>只是自动关闭，所以 my_obj不会插入其中。有些对象有 _repr_html_() ，但并非所有人都这样做(尤其是图表)。尽管如此，Jupyter 显然有某种方法可以从任意对象中提取 HTML。

从试图阅读 nbconvert 的来源看来，用于将对象更改为 HTML，但我不确定是 A)我理解正确还是 B)如何从不在笔记本节点对象中的任意对象获取 HTML(或如何构造这样一个反对我自己)。

Answer 1

这个接缝对我有用:

from IPython.core.display import display, HTML

myString = 'Hello, world!'
prependHtmlTag = '<h1>'
appendHtmlTag = '</h1>'
display(HTML(prependHtmlTag + myString + appendHtmlTag )

只需将任何 html 格式的字符串放入 display(HTML([yourString]))