Jupyter 노트북에서 셀 축소

ipython Jupyter 노트북을 사용하고 있습니다. 화면에서 많은 공간을 차지하는 함수를 정의했다고 가정 해 봅시다. 셀을 접는 방법이 있습니까?

함수를 실행하고 호출 가능하게 유지하고 싶지만 노트북을 더 잘 시각화하기 위해 셀을 숨기거나 접고 싶습니다. 어떻게해야합니까?

jupyter contrib nbextensions파이썬 패키지는 노트북에서 사용할 수있는 코드 접는 확장이 포함되어 있습니다. 설명서를 보려면 링크 (Github)를 따르십시오.

명령 행을 사용하여 설치하려면 다음을 수행하십시오.

pip install jupyter_contrib_nbextensions
jupyter contrib nbextension install --user

더 쉽게 관리 할 수 ​​있도록 jupyter nbextensions configurator패키지 도 권장합니다 . 이것은 설치된 모든 확장을 쉽게 (비활성화) 할 수있는 노트북 인터페이스의 추가 탭을 제공합니다.

설치:

pip install jupyter_nbextensions_configurator
jupyter nbextensions_configurator enable --user

JupyterLab 은 세포 붕괴를 지원합니다. 왼쪽의 파란색 셀 막대를 클릭하면 셀이 접 힙니다.

셀을 작성하고 다음 코드를 넣을 수 있습니다.

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

이 셀을 실행하면 모든 입력 셀이 숨겨집니다. 다시 표시하려면 메뉴를 사용하여 모든 출력을 지울 수 있습니다.

그렇지 않으면 아래와 같이 노트북 확장을 시도 할 수 있습니다.

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

나는 비슷한 문제를 겪었고 @Energya가 지적한 "nbextensions"는 매우 잘 노력했다. 노트북 확장 프로그램 및 구성 프로그램에 대한 설치 지침은 간단합니다 (Windows에서는 anaconda로 시도했습니다) .

즉, 다음 확장이 관심을 가져야한다고 덧붙이고 싶습니다.

• 입력 숨기기 | 이 확장을 통해 노트북에 개별 코드 셀을 숨길 수 있습니다. 툴바 버튼을 클릭하면됩니다 :

• 접을 수있는 제목 | 노트북이 제목으로 구분 된 접을 수있는 섹션을 가질 수 있습니다.

• 코드 폴딩 | 이것은 언급되었지만 완전성을 위해 추가합니다.

~ / .jupyter / custom / 안에 custom.js 파일을 다음 내용으로 작성하십시오.

$("<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 [])을 클릭하여 셀을 접을 수 있습니다.

hide_code 확장명을 사용하면 개별 셀 및 / 또는 그 옆에있는 프롬프트를 숨길 수 있습니다. 다음으로 설치

pip3 install hide_code

이 확장에 대한 자세한 내용은 https://github.com/kirbs-/hide_code/ 를 방문 하십시오 .

먼저 Energya의 지시를 따르십시오.

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

두 번째는 핵심입니다. 목성 노트북을 연 후 Nbextension 탭을 클릭하십시오. 이제 Nbextension (웹 브라우저가 아님) 에서 제공하는 검색 도구에서 "colla"를 검색 하면 "Collapsible Headings"라는 것을 찾을 수 있습니다.

이것은 당신이 원하는 것입니다!

다른 사람들이 언급했듯이 nbextensions를 통해이 작업을 수행 할 수 있습니다. 나는 내가 한 일에 대한 간단한 설명을하고 싶었습니다.

접을 수있는 제목을 활성화하려면 : 터미널에서 다음을 먼저 입력하여 Jupyter Notebook Extensions를 활성화 / 설치하십시오.

pip install jupyter_contrib_nbextensions

그런 다음 다음을 입력하십시오.

jupyter contrib nbextension install

Jupyter Notebook을 다시 엽니 다. "편집"탭으로 이동하여 "nbextensions 구성"을 선택하십시오. "구성 가능한 nbextensions"제목 바로 아래에있는 확인란을 선택 취소 한 다음 "접을 수있는 제목"을 선택하십시오.

이 질문에 대한 많은 답변이 있습니다. 모든 것이 다른 사람들보다 만족스럽지 않다고 생각합니다 (코드 접기, 제목으로 접기 등). Jupyter Lab과 마찬가지로 솔루션이 구현되지 않았다는 사실에 놀랍습니다.

사실, 나는 매우 불만족 하여 노트북 셀 의 코드 를 확장 / 축소 하면서 실행 가능한 상태로 유지할 수있는 매우 간단한 노트북 확장을 개발 했습니다.

GitHub 리포지토리 : https://github.com/BenedictWilkinsAI/cellfolding

다음은 확장 기능의 작은 데모입니다.

코드 셀의 왼쪽을 두 번 클릭하면 한 줄로 축소됩니다.

다시 더블 클릭하면 셀이 확장됩니다.

pip를 사용하여 확장을 쉽게 설치할 수 있습니다.

pip install nbextension-cellfolding
jupyter nbextension install --py cellfolding --user
jupyter nbextension enable --py cellfolding --user 

nbextension configurator 와도 호환됩니다 . 사람들이이 정보를 유용하게 사용할 수 있기를 바랍니다.

Pan Yan 제안의 개선 된 버전도 있습니다. 코드 셀을 다시 표시하는 버튼을 추가합니다.

%%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>

또는 파이썬 :

# 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>"""))

확장 기능을 활성화하는 것 외에는 많은 작업을 수행 할 필요가 없습니다.

http://localhost:8888/nbextensions?nbextension=collapsible_headings
http://localhost:8888/nbextensions?nbextension=codefolding/main

가장 가능성이 높은 것은 다음과 같습니다.

http://localhost:8888/nbextensions

원하는 결과를 얻는 데 사용하는 것은 다음과 같습니다.

1. 아래 코드 블록을 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))

2. 노트북의 첫 번째 셀에 다음을 추가하십시오.

from toggle_cell import toggle_code as hide_sloution

3. 간단히 전화하려면 토글 버튼을 추가 해야하는 모든 셀 hide_sloution()