我用的是ipython Jupyter笔记本。假设我定义了一个函数,它在屏幕上占据了很大的空间。有办法让细胞崩溃吗?
我希望函数保持执行和可调用,但我想隐藏/折叠单元格,以便更好地可视化笔记本。我该怎么做呢?
我用的是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()