ยุบเซลล์ในสมุดบันทึก jupyter

ฉันใช้สมุดบันทึก ipython Jupyter สมมติว่าฉันกำหนดฟังก์ชันที่ใช้พื้นที่มากบนหน้าจอ มีวิธีทำให้เซลล์ยุบหรือไม่?

ฉันต้องการให้ฟังก์ชันยังคงทำงานและสามารถเรียกใช้ได้ แต่ฉันต้องการซ่อน / ยุบเซลล์เพื่อให้เห็นภาพในสมุดบันทึกได้ดีขึ้น ฉันจะทำเช่นนี้ได้อย่างไร?

jupyter contrib nbextensionsแพคเกจหลามมีนามสกุลรหัสพับที่สามารถเปิดใช้งานได้ภายในโน้ตบุ๊ค ไปที่ลิงค์ (Github) เพื่อดูเอกสาร

ในการติดตั้งโดยใช้บรรทัดคำสั่ง:

pip install jupyter_contrib_nbextensions
jupyter contrib nbextension install --user

เพื่อให้ชีวิตง่ายขึ้นในการจัดการฉันขอแนะนำjupyter nbextensions configuratorแพ็คเกจ สิ่งนี้มีแท็บพิเศษในอินเทอร์เฟซ Notebook ของคุณซึ่งคุณสามารถ (de) เปิดใช้งานส่วนขยายที่ติดตั้งทั้งหมดได้อย่างง่ายดาย

การติดตั้ง:

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

ฉันมีปัญหาที่คล้ายกันและ "nbextensions" ที่ระบุโดย @Energya ก็ทำงานได้ดีและไม่ยุ่งยาก ติดตั้งคำแนะนำตรงไปตรงมา (ผมพยายามกับงูใหญ่ใน Windows) สำหรับส่วนขยายโน๊ตบุ๊คและสำหรับการปรับแต่งของพวกเขา

ที่กล่าวว่าฉันต้องการเพิ่มว่าส่วนขยายต่อไปนี้ควรเป็นที่สนใจ

• ซ่อนอินพุต | ส่วนขยายนี้ช่วยให้สามารถซ่อนตัวแปลงสัญญาณแต่ละตัวในสมุดบันทึก สามารถทำได้โดยคลิกที่ปุ่มแถบเครื่องมือ:

• หัวเรื่องที่พับได้ | อนุญาตให้โน้ตบุ๊กมีส่วนที่ยุบได้โดยคั่นด้วยส่วนหัว

• Codefolding | มีการกล่าวถึง แต่ฉันเพิ่มเพื่อความสมบูรณ์

สร้างไฟล์ 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 [])

ส่วนขยาย 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

ประการที่สองคือกุญแจสำคัญ:หลังจากเปิดสมุดบันทึก jupiter ให้คลิกแท็บ Nbextension ตอนนี้ค้นหา "colla" จากเครื่องมือค้นหาที่ให้บริการโดย Nbextension (ไม่ใช่โดยเว็บเบราว์เซอร์)จากนั้นคุณจะพบสิ่งที่เรียกว่า "Collapsible Headings"

นี่คือสิ่งที่คุณต้องการ!

มีคำตอบมากมายสำหรับคำถามนี้ซึ่งทั้งหมดนี้ฉันรู้สึกว่าไม่น่าพอใจ (บางส่วนมากกว่าคนอื่น ๆ ) ส่วนขยายมากมาย - การพับโค้ดการพับตามส่วนหัว ฯลฯ ฯลฯ ไม่มีใครทำในสิ่งที่ฉันต้องการด้วยวิธีที่ง่ายและมีประสิทธิภาพ ฉันรู้สึกประหลาดใจมากที่ยังไม่มีการใช้โซลูชัน (เช่นเดียวกับ 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 ปรับแต่ง ฉันหวังว่าผู้คนจะพบว่าสิ่งนี้มีประโยชน์!

ดังที่คนอื่นกล่าวถึงคุณสามารถทำได้ผ่านทาง nbextensions ฉันต้องการให้คำอธิบายสั้น ๆ เกี่ยวกับสิ่งที่ฉันทำซึ่งง่ายและรวดเร็ว:

ในการเปิดใช้งานส่วนหัวที่เข้ากันได้: ในเทอร์มินัลของคุณให้เปิดใช้งาน / ติดตั้ง Jupyter Notebook Extensions โดยป้อน:

pip install jupyter_contrib_nbextensions

จากนั้นป้อน:

jupyter contrib nbextension install

เปิด Jupyter Notebook อีกครั้ง ไปที่แท็บ "แก้ไข" แล้วเลือก "nbextensions config" ยกเลิกการทำเครื่องหมายในช่องใต้ชื่อ "nbextensions ที่กำหนดค่าได้" จากนั้นเลือก "ส่วนหัวที่ยุบได้"

นอกจากนี้ยังมีคำแนะนำ 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()