使用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)