jupyter-notebook - 在 ipywidgets 中显示 IPython.display.HTML 类对象
问题描述
我想在 HBox 布局中显示 IPython.display.HTML 对象,即 html_bt 和小部件,即 bt。我该如何做到这一点?甚至可能吗?或者如何将 html_bt 转换为小部件对象?以下是我的代码:
from ipywidgets import widgets, Layout, HBox
from IPython.display import display, HTML
css_str = '<style>.foo{color:#F00;} )} </style>'
out = widgets.Output()
def OnClick():
with out:
print('QQQ')
html_bt=HTML(css_str + '<button class="button-style" onclick="IPython.notebook.kernel.execute(\'OnClick()\')"> <img src="https://www.fnordware.com/superpng/pnggrad16rgb.png" alt="Snow"></button>')
bt = widgets.Button(
description='Click me',
disabled=False,
button_style='', # 'success', 'info', 'warning', 'danger' or ''
tooltip='Click me',
icon='check' # (FontAwesome names without the `fa-` prefix)
)
h_box = HBox([bt, display(html_bt)])
h_box
解决方案
ipywidgets 有自己的 HTML 小部件,如果你使用它,它会提供你想要的吗?
from ipywidgets import widgets, Layout, HBox, HTML
# from IPython.display import display, HTML
css_str = '<style>.foo{color:#F00;} )} </style>'
out = widgets.Output()
def OnClick():
with out:
print('QQQ')
html_bt=HTML(css_str + '<button class="button-style" onclick="IPython.notebook.kernel.execute(\'OnClick()\')"> <img src="https://www.fnordware.com/superpng/pnggrad16rgb.png" alt="Snow"></button>')
bt = widgets.Button(
description='Click me',
disabled=False,
button_style='', # 'success', 'info', 'warning', 'danger' or ''
tooltip='Click me',
icon='check' # (FontAwesome names without the `fa-` prefix)
)
h_box = HBox([bt, html_bt])
h_box
推荐阅读
- c# - c#如何以以下格式形成列表
- c++ - 没有 RTTI 的 std::any,它是如何工作的?
- javascript - Chrome:未捕获的 SyntaxError:Codeigniter 视图中的意外标识符
- php - 在html按钮中定义两个属性并传递给jquery
- python - 获取具有特定扩展名并在其文件夹中包含特定单词的文件?
- android - 在 android 模拟器上禁用标签照片警报
- sql - 获取 n 个最频繁的值
- python - 我如何允许 django 管理员用户进行汇款,这将扣除发件人帐户并记入收款人帐户?
- mysql - JSON_EXTRACT 不适用于嵌套的 json 数据
- angular - 检查角度 6 中的异步管道数据