javascript - 如何将操作添加到 Jupyter Notebook 仪表板中的工具栏？

Question

我正在为 Jupyter Notebook 创建自定义前端扩展。这些操作将通过笔记本仪表板和笔记本编辑器中的按钮触发。

扩展将影响单个或多个文件(就像现有的“移动”、“复制”等按钮所做的那样)。因此生成的按钮可能如下所示:

感谢this tutorial，我已经可以在笔记本编辑器的工具栏中放置按钮了，但我仍然无法将操作添加到仪表板中的工具栏。

如何将 Actions 添加到 jupyter Dashboard 的工具栏中？

Answer 1

您可以使用一些 jQuery 来获得此效果。例如，如果您希望按钮出现在“删除”按钮之前，您可以添加类似的内容

$('<button/>')
    .addClass('my-new-button btn btn-default btn-xs')
    .attr('title', 'My New Button')
    .attr('aria-label', 'My New Button')
    .text('My New Button')
    .insertBefore('.delete-button')
    .on('click', function () {...});

这有点脆弱，因为它依赖于该位置的 '.delete-button'，但文档指出前端 API 无论如何都不是很稳定。此外，该按钮可能始终会显示，因为我还没有找到访问 selected 列表并检查是否应显示该按钮的方法。最后，这可能不适用于 JupyterLab，这是 future ™

这可以放在 nbextension 中(请参阅 frontend extensions 和 distributing extensions )以使其更易于安装。