javascript - 在 ipython 笔记本中导入 javascript 文件以创建自定义小部件

Question

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

提前谢谢你

Answer 1

我找到了解决方案，您只需将文件放在机器中的某个位置，然后像这样使用魔法单元 HTML：

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

Answer 2

导入用于自定义小部件的 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) {...

Answer 3

您可能想查看 custom.js 文件，它可以在 Users\username\.ipython\profile_default\static\custom （或 jupyter 取决于安装的版本）中找到。在这里，您可以添加指向您的 js 文件的链接，它们将在您每次打开笔记本时运行。

您也可以查看笔记本扩展（例如这些）