如何解决使用voila和Jupyter Hub渲染html时,将变量内容复制到剪贴板中通过Ipython注入JS?
我正在使用Jupyter HUB从存储在服务器中的jupyter笔记本中渲染HTML页面。
使用voila时,我想创建一个按钮,该按钮会将特定变量(文本)的内容复制到剪贴板中。
重现此情况的最简单示例如下。 我尝试使用我在这里得到的代码通过Ipython注入JS:(Copy output of a JavaScript variable to the clipboard) 一个按钮应该触发代码并将文本放入剪贴板。但事实并非如此。
GNSMessages.h
这在jupyter集线器中不起作用。我猜是因为实际上您不是在本地计算机上运行代码。
有人知道如何处理这种情况吗?
实际上,在其他情况下也会遇到此问题,在这些情况下,使用Ipython可以在本地渲染voila的笔记本时与本地浏览器进行交互。例如,使用webbrowser模块打开一个新选项卡很容易,但是当笔记本计算机在jupyter HUB中运行时,则无法正常工作。
有什么主意吗?
NOTE2:实际上在本地运行,此代码不起作用,它产生: Javascript错误添加输出! TypeError:无法将属性“值”设置为null 有关更多详细信息,请参见浏览器Javascript控制台。
解决方法
根据文档-您应该用widgets.Output()
包装onclick方法的输出。因此,为了通过单击按钮运行某些Javascript,您应该执行以下操作:
import ipywidgets as widgets
from IPython.display import display,HTML,Javascript
mybtn = widgets.Button(description='copy to clipboard',button_style='success')
output = widgets.Output()
display(mybtn,output)
def mybtn_event_handler(b):
with output:
display(Javascript('''console.log("Success");'''))
mybtn.on_click(mybtn_event_handler)
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。