Javascript 如何将交互式Jupyter笔记本嵌入html?

Javascript 如何将交互式Jupyter笔记本嵌入html?,javascript,html,frontend,web-frontend,Javascript,Html,Frontend,Web Frontend,我正在尝试创建一个web应用程序,允许用户创建和共享Jupyter笔记本 目前,我已经启动并运行了JupyterHub,并且能够为各个服务器生成新的服务器 然而,我不知道如何将Jupyter笔记本嵌入html页面。我尝试过nbconvert,但这给了我一个noteboo的静态渲染。我需要的是一个动态笔记本,用户可以编辑和运行 我计划将笔记本存储在GitHub中,并允许用户通过web应用程序查看它们 我在Quantopian网站上看到过类似的情况。(例:)。我如何在事情的前端实现类似的目标 任何帮

我正在尝试创建一个web应用程序,允许用户创建和共享Jupyter笔记本

目前,我已经启动并运行了JupyterHub,并且能够为各个服务器生成新的服务器

然而,我不知道如何将Jupyter笔记本嵌入html页面。我尝试过nbconvert,但这给了我一个noteboo的静态渲染。我需要的是一个动态笔记本,用户可以编辑和运行

我计划将笔记本存储在GitHub中,并允许用户通过web应用程序查看它们

我在Quantopian网站上看到过类似的情况。(例:)。我如何在事情的前端实现类似的目标

任何帮助都将不胜感激

你不能

  • 用户可以将静态版本视为静态html (您可以在提供静态站点主机的任何位置托管它),或
  • 让用户直接访问JupyterHub服务
这是可以做到的。 如果Jupyter的内核(例如Python) 可以通过JavaScript进行解释。 然后用户可以通过他们的web浏览器评估代码。 但是Jupyter还没有提供这个特性。

<强>嵌入Jujter环境,可以考虑使用<代码> iFrAME < < /P>

  • 请注意,当前浏览器需要正确配置应用程序(自定义Jupyter)才能运行
  • 您可以在浏览器(如Chrome)中激活开发人员控制台,以检查可能发生的CSP错误
  • Github中有两个问题(和),其中的响应向您展示了如何处理该配置
要在Github中阅读和存储笔记本,您可能需要检查其他项目,如和,和/或修改自定义Jupyter的源代码

  • 您可以使用mybinder检查一个文件夹。mybynder配置为显示特定的Github存储库。它启动docker单用户Jupyter服务器,并在浏览器中显示交互式会话。还有其他的例子和例子
  • mybinder的源代码位于中
  • 我想你也可以考虑一下(在这一时刻贝塔)。源代码在中
mybinder启动了一个“binder”实例,但我不确定如何将其作为静态网页中的窗口嵌入