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笔记本并加载ipython文档。我可以看到工具栏右侧的一个按钮。

此问题似乎无法正确显示图标。

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

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

Answer 1

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

Answer 2

如果你想：

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

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

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

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

添加以下内容：

.prompt{
    display: None;
}

更改custom.js以禁用工具栏＆amp;标题行默认情况下。

 ~/.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笔记本工具栏自定义

2 个答案: