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

我正在为Jupyter Notebook创建自定义前端扩展。这些动作将通过Notebook仪表板和Notebook Editor中的按钮触发。

该扩展名将影响单个或多个文件（例如已经存在的“移动”，“重复”等-Button会这样做）。因此，生成的按钮可能如下所示：



借助于this tutorial，我已经可以在“笔记本编辑器”的工具栏中放置按钮了，但是我仍然无法在仪表板的工具栏中添加操作。

如何在Jupyter仪表板的工具栏中添加操作？

最佳答案

您可以使用一些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，这是未来™

这可能会加入nbextension（请参见frontend extensions和distributing extensions）以使其更易于安装。