IPython/Jupyter Notebook 3 - Kopfzeilen standardmäßig ausblenden

Question

Vor der IPython-Notebook-Version 3.0 konnten die Notebook-Kopfzeilen standardmäßig ausgeblendet werden, indem sie zu ".ipython \ profile_default \ static \ custom \ custom.js" (unter Windows) hinzugefügt wurden:

$([IPython.events]).on("app_initialized.NotebookApp", function() { 
    $('div#header').hide(); 
    $('div#maintoolbar').hide(); 
}); 

oder für Jupyter "~/.jupyter/custom/custom.js", mit IPython durch Jupyter ersetzt.

also see this question

Dies scheint nicht mehr zu funktionieren. Es verbirgt die Header, aber es bleibt auch eine große Lücke auf der Seite oben und unten. Ich bin nicht vertraut mit Javascript und CSS. Hat jemand schon eine Lösung gefunden?

Answer 1

dieses Add in Ihrem Profil (zum Beispiel ~/.ipython/profile_default/static/custom/custom.css für mich) custom.css:

div#site{ 
    height: 100% !important; 
} 

entfernen Sie alle bösen grauen Raum an der Unterseite. Auch ich hinzufügen, diese zu meinem custom.js (selber Ordner) den Header mit Strg-`wechseln:

$([IPython.events]).on('notebook_loaded.Notebook', function(){ 
    $('#header').hide(); 

    IPython.keyboard_manager.command_shortcuts.add_shortcut('ctrl-`', function (event) { 
     if (IPython.notebook.mode == 'command') { 
      $('#header').toggle(); 
      return false; 
     } 
     return true; 
    }); 
}); 

Der Nachteil ist, dass Sie versehentlich die Kopfteilweise von der Seite scrollen, aber das geschieht nur, wenn Sie scrollen darauf und es ist keine große Sache, vor allem, wenn Sie es sowieso meistens versteckt bleiben wollen.

Answer 2

In ipython 3 bezieht sich #header auf die komplette Montage am oberen Rand der Seite, nicht nur das Bild Banner, wie es tat in ipython 2.

permanent Um die Symbolleiste und Header zu verbergen, während das Menü zu halten , fügte ich

$([IPython.events]).on("app_initialized.NotebookApp", function() { 
    $('div#header-container').hide(); 
    $('div#maintoolbar').hide(); 
}); 

meine ~/.ipython/profile_name/static/custom/custom.js

Answer 3

die Antworten von @John_C und @cknd Kombination und die Vermeidung der `-Taste (das ist ein toter-Schlüssel auf meiner (Dutch) Tastatur l ayout), habe ich das meine ~/.ipython/profile_name/static/custom/custom.js:

$([IPython.events]).on('notebook_loaded.Notebook', function(){ 
    $('#header').hide(); 
    IPython.keyboard_manager.command_shortcuts.add_shortcut('ctrl-;', function (event) { 
     if (IPython.notebook.mode == 'command') { 
      $('#header').toggle(); 
      return false; 
     } 
     return true; 
    }); 

    IPython.keyboard_manager.command_shortcuts.add_shortcut('ctrl-.', function (event) { 
     if (IPython.notebook.mode == 'command') { 
      $('#header').show(); 
      $('#header-container').toggle(); 
      $('#maintoolbar').toggle(); 
      return false; 
     } 
     return true; 
    }); 

}); 

Answer 4

ich für jupyter diese Arbeit zu aktualisieren benötigen 4/5 ein kleines Raspberry Pi LCD verwendet wird.

Ab jupyter 4.x, wird das Skript benötigt jetzt in ~/.jupyter/custom/custom.js

ich diese Funktion verwendet, das nicht nur die Reiter normalerweise verbergen, sondern bewegt sich auch die anhaltende Bar in den rollbaren Bereich. Habe ich erwähnt, dass dies auf einem winzigen LCD-Display ist? Wir brauchen jedes Pixel!

define(['base/js/events'], function(events) { 
    events.on('app_initialized.NotebookApp', function() { 
    $('#header-container').toggle(); 
    $('.header-bar').toggle(); 
    $('div#maintoolbar').toggle(); 
    $('#site').prepend($("#header").detach()); 
    events.trigger('resize-header.Page'); 
    }); 
}); 

Es war auch notwendig, die untere Grenze mit ~/.jupyter/custom/custom.css

div#notebook{ 
    padding: 0; 
} 
div#site{ 
    height: 100% !important; 
}