在ipython notebook中导入javascript文件以创建自定义小部件

时间:2016-03-08 12:12:43

标签: javascript python ipython jupyter-notebook ipywidgets

我是“ipython notebook”的新手,我想用html和javascript创建一个带有ipywidgets的自定义小部件。我正在使用javascript库,我想知道是否有办法在ipython笔记本中导入它。

提前谢谢你

3 个答案:

答案 0 :(得分:2)

我找到了你需要的解决方案,将文件放在你机器的某个地方,然后像这样使用魔术单元格HTML:

%%HTML
<script src="path-to-your-file"></script>

答案 1 :(得分:0)

您可能需要查看custom.js文件,它可以在Users \ username \ .ipython \ profile_default \ static \ custom(或jupyter,具体取决于已安装的版本)中找到。在这里,您可以添加指向js文件的链接,每次打开笔记本时都会运行这些链接。

此外,您还可以查看笔记本扩展程序(例如these

答案 2 :(得分:0)

导入供自定义窗口小部件中使用的javascript文件的方法是使用require.config将脚本加载到窗口小部件中。例如,如果您想从https://cdnjs.cloudflare.com/ajax/libs/fabric.js/2.7.0/fabric.min.js加载fabric.js,请执行以下操作(请注意,路径中不要包含“ .js”!)

%%javascript
require.undef('hello');
require.config({
  //Define 3rd party plugins dependencies
  paths: {
    fabric: "https://cdnjs.cloudflare.com/ajax/libs/fabric.js/2.7.0/fabric.min"
  }
});
define('hello', ["@jupyter-widgets/base", 'fabric'], function(widgets) {...