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

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


当前回答

正如其他人所提到的,您可以通过nbextensions来实现这一点。我想简单地解释一下我所做的事情,既快捷又简单:

启用可折叠标题: 在您的终端中,首先输入以下命令启用/安装Jupyter Notebook Extensions:

pip install jupyter_contrib_nbextensions

然后,输入:

jupyter contrib nbextension install

重新打开Jupyter Notebook。进入“编辑”选项卡,选择“nbextensions config”。 取消标题“可配置的nbextensions”下的复选框,然后选择“可折叠标题”。

其他回答

您可以创建一个单元格,并将以下代码放在其中:

%%html
<style>
div.input {
    display:none;
}
</style>

运行此单元格将隐藏所有输入单元格。要显示它们,可以使用菜单清除所有输出。

否则,你可以尝试笔记本扩展如下:

https://github.com/ipython-contrib/IPython-notebook-extensions/wiki/Home_3x

JupyterLab支持细胞折叠。单击左侧的蓝色单元格条将折叠单元格。

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

将下面的代码块保存在一个名为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()

我也遇到过类似的问题,@Energya指出的“nbextensions”工作得非常好,毫不费力。笔记本扩展及其配置器的安装说明非常简单(我尝试在Windows上使用anaconda)。

也就是说,我想补充的是,以下扩展应该是感兴趣的。

隐藏输入| 这个扩展允许在笔记本中隐藏一个单独的码息。这可以通过点击工具栏按钮来实现: 可折叠的标题|允许笔记本有可折叠的部分,由标题分开 代码折叠|这已经提到,但我添加它的完整性

还有一个潘岩建议的改进版本。它添加了显示代码单元格的按钮:

%%html
<style id=hide>div.input{display:none;}</style>
<button type="button" 
onclick="var myStyle = document.getElementById('hide').sheet;myStyle.insertRule('div.input{display:inherit !important;}', 0);">
Show inputs</button>

或python:

# Run me to hide code cells

from IPython.core.display import display, HTML
display(HTML(r"""<style id=hide>div.input{display:none;}</style><button type="button"onclick="var myStyle = document.getElementById('hide').sheet;myStyle.insertRule('div.input{display:inherit !important;}', 0);">Show inputs</button>"""))