IPython/Jupyter notebook 3 - скрыть заголовки по умолчанию

Question

Перед записью ноутбука IPython версии 3.0 заголовки ноутбуков могут быть скрыты по умолчанию, добавив это в .ipython \ profile_default \ static \ custom \ custom.js (в Windows):

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

или Jupyter, "~/.jupyter/пользовательские/custom.js", с IPython заменены Jupyter.

also see this question

Это не похоже на работу больше. Он скрывает заголовки, но также оставляет большой пробел на верхней и нижней страницах страницы. Я не знаком с javascript и css. Кто-нибудь нашел решение для этого?

Answer 1

добавить это custom.css в вашем профиле (например, ~/.ipython/profile_default/статический/пользовательский/custom.css для меня):

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

, чтобы удалить неприятный серый пространство в нижней части. Кроме того, я добавляю это к моему custom.js (той же папке), чтобы переключить заголовок с помощью Ctrl-`:

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

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

Answer 2

В IPython 3 #header относится к полной сборке в верхней части страницы, а не только изображения баннер, как это было в IPython 2.

Чтобы окончательно скрыть панель инструментов и заголовок , сохраняя при этом меню я добавил

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

моему ~/.ipython/profile_name/static/custom/custom.js

Answer 3

Объединяя ответы на @John_C и @cknd и избегая `-Key (который является мертвым ключ на моем (голландском) клавиатуры л ayout), я добавил это к моему ~/.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

мне нужно обновить эту работу jupyter 4/5 с помощью небольшого Raspberry Pi LCD.

По jupyter 4.x, скрипт теперь необходим в ~/.jupyter/custom/custom.js

Я использовал эту функцию, которая не только скрыть вкладки, как правило, но и перемещает упорную пластину в прокрутке области. Я упоминал об этом на маленьком ЖК-дисплее? Нам нужен каждый пиксель!

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

Необходимо также устранить нижнюю границу, используя ~/.jupyter/custom/custom.css

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