如何隐藏代码并重新运行Jupyter笔记本中的所有单元格?

时间:2019-02-08 12:47:19

标签: python ipython jupyter

我想在Jupyter Notebook的开头添加某种功能,以隐藏/显示所有单元格并重新运行所有单元格。我最后想要的是一组图表,当所有单元格都重新运行时会刷新。


详细信息和我尝试过的操作:

帖子IPython - Run all cells below from a widget显示了如何添加按钮以重新运行下面的所有单元格。还有帖子How to hide code from cells in ipython notebook visualized with nbviewer?。在两个不同的单元格中进行此设置后,我得到以下结果:

enter image description here

当单元折叠时,它看起来像这样:

enter image description here

这很好用,但是我真的很好奇是否可以格式化按钮,使它们看起来一样。也许可以将它们作为同一单元的输出进行对齐?我试图通过在同一个单元格中包含两个摘要来做到这一点,但是现在看来Hide buttonRefresh button覆盖了:

代码段1:

from IPython.display import HTML

HTML('''<script>
  function code_toggle() {
    if (code_shown){
      $('div.input').hide('500');
      $('#toggleButton').val('Show code')
    } else {
      $('div.input').show('500');
      $('#toggleButton').val('Hide code')
    }
    code_shown = !code_shown
  }

  $( document ).ready(function(){
    code_shown=false;
    $('div.input').hide()
  });
</script>
<form action="javascript:code_toggle()"><input type="submit" id="toggleButton" value="Show code"></form>''')

from IPython.display import Javascript, display
from ipywidgets import widgets

def run_all(ev):
    display(Javascript('IPython.notebook.execute_cells_below()'))

button = widgets.Button(description="Refresh")
button.on_click(run_all)
display(button)

现在我结束了:

输出1:

enter image description here

有人知道如何使它更加优雅吗?

1 个答案:

答案 0 :(得分:2)

我真的希望有人能够提供更好的答案,但是经过数小时的尝试和失败,我发现了这一点:

只需将问题中两个片段的一部分混合在一起,就可以以与Refresh button相同的格式设置Hide Code buttion

输出/笔记本视图:

enter image description here

但这仍然需要两个不同单元格中的两个代码段,以及第三个单元格中的一些测试代码:

单元格/摘录1:

from IPython.display import HTML

HTML('''<script>
  function code_toggle() {
    if (code_shown){
      $('div.input').hide('500');
      $('#toggleButton').val('Display code')
    } else {
      $('div.input').show('500');
      $('#toggleButton').val('Hide Code')
    }
    code_shown = !code_shown
  }

  $( document ).ready(function(){
    code_shown=false;
    $('div.input').hide()
  });
</script>
<form action="javascript:code_toggle()"><input type="submit" id="toggleButton" value="Display code"></form>''')

单元格/摘录2:

HTML('''<script>

</script>
<form action="javascript:IPython.notebook.execute_cells_below()"><input type="submit" id="toggleButton" value="Refresh"></form>''')

单元格/摘要3:

try: x
except NameError: x = None

if x is None:
    x = 0
    print(x)
else:
    x = x + 1
    print(x)

但是,我仍然不能很好地并排显示两个按钮,并且当我按下Refresh时,屏幕会闪烁。