ipython 笔记本工具栏自定义

Question

我想在 ipython 笔记本上添加一个新的工具栏按钮。我有一个很好的link 提到了这一点。

所以我创建了一个新文件：~/.ipython/profile_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 notebook 并加载 ipython 文档。 我可以在工具栏的右侧看到一个按钮。

这个问题是图标显示不正确。

但我想它应该看起来像 ui-icon-calculator。

ui-icon-calculator 可以在themeroller 找到，但我不确定是否需要将其下载到本地磁盘。

Answer 1

该文档已过期。 jquery-ui 图标不再可用，而是使用FontAwesome 中的一个，IPython >= 1.0。有关 IPython 1.x 的示例 custom.js，请参阅 this file。

Answer 2

如果你想：

1. 仅在打开 ipython 笔记本时显示菜单。
2. 添加菜单以隐藏/取消隐藏输入单元格。
3. 禁用每个单元格的输入/输出提示。

您可以按照以下步骤操作：

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

    ~/.ipython/profile_default/static/custom/custom.css

   添加以下内容：

   .prompt{
       display: None;
   }
   

2. 更改 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()
   });
   

3. 重启你的笔记本服务器才能生效。