我用的是ipython Jupyter笔记本。假设我定义了一个函数,它在屏幕上占据了很大的空间。有办法让细胞崩溃吗?

我希望函数保持执行和可调用,但我想隐藏/折叠单元格,以便更好地可视化笔记本。我该怎么做呢?


当前回答

首先,遵循Energya的指导:

pip install jupyter_contrib_nbextensions
jupyter contrib nbextension install --user
pip install jupyter_nbextensions_configurator
jupyter nbextensions_configurator enable --user

第二是关键:打开木星笔记本后,点击nbeextension标签。现在从nbeextension提供的搜索工具中搜索“colla”(不是由web浏览器提供的),然后你会发现一些叫做“可折叠标题”的东西

这就是你想要的!

其他回答

首先,遵循Energya的指导:

pip install jupyter_contrib_nbextensions
jupyter contrib nbextension install --user
pip install jupyter_nbextensions_configurator
jupyter nbextensions_configurator enable --user

第二是关键:打开木星笔记本后,点击nbeextension标签。现在从nbeextension提供的搜索工具中搜索“colla”(不是由web浏览器提供的),然后你会发现一些叫做“可折叠标题”的东西

这就是你想要的!

更新:

更新的jupyter-lab是一个更现代和功能丰富的界面,默认支持单元格折叠。请看下面@intsco的回答

更新2

由于jupyter-lab现在也支持扩展,您可以使用collapsible_heading扩展扩展内置的单元格折叠功能。

最初的回答:

jupyter contrib nbextensions Python包包含一个代码折叠扩展,可以在笔记本中启用。点击链接(Github)获取文档。

使用命令行安装:

pip install jupyter_contrib_nbextensions
jupyter contrib nbextension install --user

为了便于管理它们,我还推荐jupyter nbextensions配置器包。这在Notebook界面中提供了一个额外的选项卡,在那里您可以轻松地(解除)激活所有已安装的扩展。

安装:

pip install jupyter_nbextensions_configurator
jupyter nbextensions_configurator enable --user

hide_code扩展允许您隐藏单个单元格和/或它们旁边的提示符。安装

pip3 install hide_code

访问https://github.com/kirbs-/hide_code/了解有关此扩展的更多信息。

在~/中创建custom.js文件。Jupyter /custom/包含以下内容:

$("<style type='text/css'> .cell.code_cell.collapse { max-height:30px; overflow:hidden;} </style>").appendTo("head");
$('.prompt.input_prompt').on('click', function(event) {
    console.log("CLICKED", arguments)   
    var c = $(event.target.closest('.cell.code_cell'))
    if(c.hasClass('collapse')) {
        c.removeClass('collapse');
    } else {
        c.addClass('collapse');
    }
});

保存完成后,重新启动服务器并刷新笔记本。您可以通过单击输入标签(In[])来折叠任何单元格。

我用来得到理想结果的方法是:

将下面的代码块保存在一个名为toggle_cell.py的文件中,该文件位于与笔记本相同的目录中

from IPython.core.display import display, HTML
toggle_code_str = '''
<form action="javascript:code_toggle()"><input type="submit" id="toggleButton" value="Show Sloution"></form>
'''

toggle_code_prepare_str = '''
    <script>
    function code_toggle() {
        if ($('div.cell.code_cell.rendered.selected div.input').css('display')!='none'){
            $('div.cell.code_cell.rendered.selected div.input').hide();
        } else {
            $('div.cell.code_cell.rendered.selected div.input').show();
        }
    }
    </script>

'''

display(HTML(toggle_code_prepare_str + toggle_code_str))

def hide_sloution():
    display(HTML(toggle_code_str))

在笔记本的第一个单元格中添加以下内容

from toggle_cell import toggle_code as hide_sloution

需要添加切换按钮的任何单元格只需调用hide_sloution()