колапс клітини в зошиті юпітера

Я використовую ноутбук ipython Jupyter. Скажімо, я визначив функцію, яка займає багато місця на моєму екрані. Чи є спосіб згортання клітини?

Я хочу, щоб функція залишалася виконуваною та дзвонила, але я хочу приховати / згортати комірку, щоб краще візуалізувати ноутбук. Як я можу це зробити?

Пакет jupyter contrib nbextensionsPython містить розширення для складання коду, яке можна включити в ноутбук. Перейдіть за посиланням (Github) для документації.

Щоб встановити за допомогою командного рядка:

pip install jupyter_contrib_nbextensions
jupyter contrib nbextension install --user

Щоб полегшити життя в управлінні ними, я також рекомендую jupyter nbextensions configuratorпакет. Це забезпечує додаткову вкладку в інтерфейсі ноутбука, звідки ви можете легко (де) активувати всі встановлені розширення.

Установка:

pip install jupyter_nbextensions_configurator
jupyter nbextensions_configurator enable --user

Ви можете створити клітинку і помістити в неї такий код:

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

Запуск цієї комірки приховає всі вхідні комірки. Щоб показати їх назад, ви можете скористатися меню, щоб очистити всі результати.

Інакше ви можете спробувати розширення для ноутбуків, як показано нижче:

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

JupyterLab підтримує руйнування комірок. Натиснувши на синю клітинку ліворуч, складе клітинку.

У мене була подібна проблема, і "nbextensions", які вказав @Energya, працювали дуже добре і без особливих зусиль. Інструкції з встановлення прямо (я намагався з анакондою в Windows) для розширень ноутбука та їх конфігуратора .

Враховуючи це, я хотів би додати, що наступні розширення повинні представляти інтерес.

• Сховати введення | Це розширення дозволяє приховати окрему кодову клітинку в зошиті. Цього можна досягти, натиснувши кнопку панелі інструментів:

• Заголовки, що складаються | Дозволяє ноутбуку мати розбірні розділи, розділені заголовками

• Складання коду | Про це згадувалося, але я додаю це для повноти

Створіть файл 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 []).

Розширення hid_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 (не веб-браузером) , тоді ви знайдете щось, що називається "Розбірні заголовки"

Це те, що ти хочеш!

Як уже згадували інші, це можна зробити за допомогою nbextensions. Я хотів дати коротке пояснення того, що я зробив, що було швидко і легко:

Щоб увімкнути заголовки, що розгортаються: У своєму терміналі увімкніть / встановіть розширення ноутбука Юпітер, спочатку ввівши:

pip install jupyter_contrib_nbextensions

Потім введіть:

jupyter contrib nbextension install

Повторно відкрийте ноутбук Юпітера. Перейдіть на вкладку "Редагувати" та виберіть "Конфігурація nbextensions". Зніміть прапорець прямо під заголовком "Налаштування nbextensions", а потім встановіть "заголовки, що складаються".

На це питання є багато відповідей, які, на мою думку, не є задовільними (деякі більше, ніж інші), з багатьох розширень - складання коду, складання заголовків тощо тощо. Жоден з них не робить просто і ефективно. Я буквально вражений тим, що рішення не було реалізовано (як це було в лабораторії Юпітера).

Насправді я був настільки незадоволений, що розробив дуже просте розширення для ноутбука, яке може розширити / згортати код у комірці ноутбука, зберігаючи його виконуваним.

Репозиторій GitHub: https://github.com/BenedictWilkinsAI/cellfolding

Нижче наведено невелику демонстрацію того, що робить розширення:

Просто подвійне клацання ліворуч від комірки коду зведе її до одного рядка:

Подвійне клацання ще раз розширить клітинку.

Розширення можна легко встановити за допомогою pip:

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

а також сумісний з конфігуратором nbextension . Я сподіваюся, що люди знайдуть це корисним!

Існує також вдосконалена версія пропозиції пана Ян. Він додає кнопку, яка показує назад кодові клітини:

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