jupyter not defterinde hücreyi daralt

İpython Jupyter defter kullanıyorum. Ekranımda çok yer kaplayan bir işlev tanımladığımı varsayalım. Hücreyi daraltmanın bir yolu var mı?

İşlevin yürütülmesini ve çağrılabilir kalmasını istiyorum, ancak dizüstü bilgisayarı daha iyi görselleştirmek için hücreyi gizlemek / daraltmak istiyorum. Bunu nasıl yapabilirim?

jupyter contrib nbextensionsPython paketi notebook içinde etkinleştirilebilir bir kod-katlama uzantısı içerir. Belgeler için bağlantıyı (Github) takip edin.

Komut satırını kullanarak yüklemek için:

pip install jupyter_contrib_nbextensions
jupyter contrib nbextension install --user

Onları yönetmede hayatı kolaylaştırmak için jupyter nbextensions configuratorpaketi de tavsiye ederim . Bu, Notebook arayüzünüzde yüklü tüm uzantıları kolayca (de) etkinleştirebileceğiniz ek bir sekme sağlar.

Kurulum:

pip install jupyter_nbextensions_configurator
jupyter nbextensions_configurator enable --user

JupyterLab hücre çökmesini destekler. Soldaki mavi hücre çubuğunu tıklamak hücreyi katlar.

Bir hücre oluşturabilir ve içine aşağıdaki kodu koyabilirsiniz:

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

Bu hücrenin çalıştırılması tüm giriş hücrelerini gizleyecektir. Onları geri göstermek için, tüm çıktıları silmek üzere menüyü kullanabilirsiniz.

Aksi takdirde aşağıdaki gibi dizüstü bilgisayar uzantılarını deneyebilirsiniz:

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

Benzer bir sorun vardı ve @Energya tarafından işaret "nbextensions" çok iyi ve zahmetsizce çalıştı. Dizüstü bilgisayar uzantıları ve yapılandırıcıları için kurulum talimatları doğrudan (Windows'ta anaconda ile denedim) .

Bununla birlikte, aşağıdaki uzantıların ilgi çekmesi gerektiğini eklemek istiyorum.

• Girişi Gizle | Bu uzantı, bir not defterinde ayrı bir kod çözücünün gizlenmesini sağlar. Bu, araç çubuğu düğmesine tıklayarak elde edilebilir:

• Katlanabilir Başlıklar | Dizüstü bilgisayarın başlıklarla ayrılmış, daraltılabilir bölümleri olmasına izin verir

• Kodlama | Bundan bahsedildi ama tamlık için ekliyorum

~ / .Jupyter / custom / içinde aşağıdaki içeriklerle custom.js dosyası oluşturun:

$("<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');
    }
});

Kaydettikten sonra sunucuyu yeniden başlatın ve dizüstü bilgisayarı yenileyin. Giriş etiketine tıklayarak herhangi bir hücreyi daraltabilirsiniz (In []).

Hide_code uzantısı, hücreleri tek tek ve / veya yanındaki istemleri gizlemenizi sağlar. Farklı yükle

pip3 install hide_code

Bu uzantı hakkında daha fazla bilgi için https://github.com/kirbs-/hide_code/ adresini ziyaret edin .

İlk olarak, Energya'nın talimatlarını izleyin:

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

İkincisi anahtar: Jüpiter not defterini açtıktan sonra Nbextension sekmesine tıklayın. Şimdi Nbextension (web tarayıcısı tarafından değil) tarafından sağlanan arama aracından "kolaj" olarak arama yapın , ardından "Daraltılabilir Başlıklar" adı verilen bir şey bulacaksınız

Senin istediğin bu!

Diğerlerinin de belirttiği gibi, bunu nbextensions üzerinden yapabilirsiniz. Hızlı ve kolay olan yaptığımın kısa bir açıklamasını vermek istedim:

Etiketlenebilir başlıkları etkinleştirmek için: Terminalinizde, önce şunu girerek Jupyter Dizüstü Bilgisayar Uzantılarını etkinleştirin / yükleyin:

pip install jupyter_contrib_nbextensions

Ardından şunu girin:

jupyter contrib nbextension install

Jupyter Notebook'u tekrar açın. "Düzenle" sekmesine gidin ve "nbextensions config" i seçin. Doğrudan "Yapılandırılabilir nbextensions" başlığı altındaki kutunun işaretini kaldırın, ardından "daraltılabilir başlıklar" ı seçin.

Kod sorma, başlıklar ile katlama vb. Gibi birçok uzantının (diğerlerinden daha fazla) tatmin edici olmadığını düşündüğüm bu soruya birçok cevap var. Hiçbiri basit ve etkili bir şekilde istediğimi yapmıyor. Kelimenin tam anlamıyla bir çözümün (Jupyter Lab için olduğu gibi) uygulanmadığına şaşırıyorum.

Aslında, o kadar memnun kaldım ki, bir dizüstü bilgisayar hücresindeki kodu çalıştırılabilir tutarken genişletebilen / daraltabilecek çok basit bir dizüstü bilgisayar uzantısı geliştirdim .

GitHub deposu: https://github.com/BenedictWilkinsAI/cellfolding

Aşağıda, uzantının ne yaptığına ilişkin küçük bir demo yer almaktadır:

Kod hücresinin soluna çift tıklandığında hücre tek bir satıra daraltılır:

Tekrar çift tıklandığında hücre genişletilir.

Uzatma pip ile kolayca monte edilebilir:

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

ve ayrıca nbextension yapılandırıcısı ile uyumludur . Umarım insanlar bunu faydalı bulur!

Ayrıca Pan Yan önerisinin geliştirilmiş bir sürümü var. Kod hücrelerini geri gösteren düğmeyi ekler:

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

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

Uzantıları etkinleştirmek dışında fazla bir şey yapmanız gerekmez:

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

En olası tüm uzantılarınızı burada bulabilirsiniz:

http://localhost:8888/nbextensions

İstediğim sonucu elde etmek için kullandığım şey:

1. Aşağıdaki kod bloğunu toggle_cell.pynot defterinizle aynı dizinde bulunan bir dosyaya kaydedin

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. Dizüstü bilgisayarınızın ilk hücresine aşağıdakileri ekleyin

from toggle_cell import toggle_code as hide_sloution

3. Aramak için seçim düğmesini eklemeniz gereken herhangi bir hücre hide_sloution()