在 iPython 笔记本中导入 JavaScript 文件以创建自定义小部件

import javascript files in ipython notebook to create a custom widget

本文关键字：创建 自定义 小部 文件 JavaScript iPython 笔记本 导入      更新时间：2023-09-26

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

提前谢谢你

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

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

导入 javascript 文件以在自定义小部件中使用的方法是使用 require.config 将脚本加载到小部件中。例如，如果要从 https://cdnjs.cloudflare.com/ajax/libs/fabric.js/2.7.0/fabric.min.js 加载结构.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) {...

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

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

相关文章：