ipython笔记本工具栏自定义

我想在ipython笔记本上添加一个新的工具栏按钮。我得到了一个很好的答案

因此，我创建了一个新文件：~/.ipython/profile\u default/static/custom/custom.js，包含以下内容

    $([IPython.events]).on('notebook_loaded.Notebook', function(){
    IPython.toolbar.add_buttons_group([
        {
             'label'   : 'run qtconsole',
             'icon'    : 'ui-icon-calculator', // select your icon from http://jqueryui.com/themeroller/
             'callback': function(){IPython.notebook.kernel.execute('%qtconsole')}
        }
        // add more button here if needed.
        ]);
    });

重新启动ipython笔记本并加载ipython文档。 我可以看到工具栏右侧的一个按钮

此问题是图标显示不正确

但我想它应该看起来像ui图标计算器

---

可以在找到ui图标计算器，但我不确定是否需要将其下载到本地磁盘。

该文档已过期。jquery ui图标不再可用，而是使用IPython>=1.0的。请参阅带有IPython 1.x的custom.js示例。

该文档已过期。jquery ui图标不再可用，而是使用IPython>=1.0的。如果您想：

仅当打开ipython笔记本时显示菜单。 添加菜单以隐藏/取消隐藏输入单元格。 禁用每个单元格的输入/输出提示。 您可以执行以下步骤：

更改custom.css以禁用输入/输出单元格提示

~/.ipython/profile_default/static/custom/custom.css 将custom.js更改为默认情况下禁用工具栏和标题行

~/.ipython/profile_default/static/custom/custom.js 内容如下：

code_show=true;
function code_toggle() {
 if (code_show){
     $('div.input').hide();
 } else {
     $('div.input').show();
 }
 code_show = !code_show
}
$([IPython.events]).on('app_initialized.NotebookApp', function(){
    $("#view_menu").append("<li id=\"toggle_input\" title=\"Show/Hide Inputs\"><a href=\"javascript:code_toggle()\">Toggle Inputs</a></li>")
    $('div#header').show()
    $('div#maintoolbar').hide()
    $('div#ipython_notebook').hide()
    $('span#save_widget').hide()
    $('span#kernel_logo_widget').hide()
});

重新启动笔记本服务器以使其生效

如果您想：

仅当打开ipython笔记本时显示菜单。 添加菜单以隐藏/取消隐藏输入单元格。 禁用每个单元格的输入/输出提示。 您可以执行以下步骤：

更改custom.css以禁用输入/输出单元格提示

~/.ipython/profile_default/static/custom/custom.css 将custom.js更改为默认情况下禁用工具栏和标题行

~/.ipython/profile_default/static/custom/custom.js 内容如下：

code_show=true;
function code_toggle() {
 if (code_show){
     $('div.input').hide();
 } else {
     $('div.input').show();
 }
 code_show = !code_show
}
$([IPython.events]).on('app_initialized.NotebookApp', function(){
    $("#view_menu").append("<li id=\"toggle_input\" title=\"Show/Hide Inputs\"><a href=\"javascript:code_toggle()\">Toggle Inputs</a></li>")
    $('div#header').show()
    $('div#maintoolbar').hide()
    $('div#ipython_notebook').hide()
    $('span#save_widget').hide()
    $('span#kernel_logo_widget').hide()
});

重新启动笔记本服务器以使其生效

---

有时它似乎不起作用。我正在使用Firefox。从日志中，custom.js和custom.css加载成功。@lucky1928我以前遇到过这样的问题。我想是broswer的臭虫。清理缓存后，现在可以正常工作了。在实现此操作后，如何切换头，主要是重命名笔记本？即使我打开它，它仍保持隐藏状态。@tmthyjames您需要重新启动笔记本服务器才能尝试。@Beatlej没有。还是不行。它完全按照我希望的方式加载，但在切换时不会显示标题。但是，当我切换工具栏时，它将显示工具栏。无论如何，对我来说，这比默认情况下两者都显示要好得多。有时它似乎不起作用。我正在使用Firefox。从日志中，custom.js和custom.css加载成功。@lucky1928我以前遇到过这样的问题。我想是broswer的臭虫。清理缓存后，现在可以正常工作了。在实现此操作后，如何切换头，主要是重命名笔记本？即使我打开它，它仍保持隐藏状态。@tmthyjames您需要重新启动笔记本服务器才能尝试。@Beatlej没有。还是不行。它完全按照我希望的方式加载，但在切换时不会显示标题。但是，当我切换工具栏时，它将显示工具栏。无论如何，对我来说，这比默认情况下两者都显示要好得多。