Выделите часть кода в ячейке Jupyter - программирование
Подтвердить что ты не робот

Выделите часть кода в ячейке Jupyter

Есть ли способ выделить некоторые строки ячейки Jupyter? Нечто похожее на следующее изображение (я создал это с помощью редактора фотографий):

enter image description here

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

4b9b3361

Ответ 1

Приведенное ниже расширение для ноутбука Jupyter позволяет выделить диапазоны строк в ячейке кода. Установите и включите его следующим образом:

$ jupyter nbextension install codehighlighter.js --user
$ jupyter nbextension enable codehighlighter --user

Затем на панели инструментов ноутбука Jupyter появится кнопка со значком лампочки. Нажатие этой кнопки выделяет выделенные строки (или, если в текущей ячейке нет выделенной линии), в текущей ячейке кода.

Основные моменты будут сохранены вместе с записной книжкой (как метаданные ячеек), но не будут автоматически включены, когда ноутбук (re-) открыт. Чтобы показать сохраненные основные моменты, вы должны нажать кнопку " Восстановить основные моменты" (тот, у которого есть значок бара).


codehighlighter.js

define([
    'base/js/namespace'
], function(
    Jupyter
) {
    function load_ipython_extension() {

        var style = document.createElement('style');
        style.type = 'text/css';
        style.innerHTML = '.codehighlighter { background: yellow; }';
        document.getElementsByTagName('head')[0].appendChild(style);

        var highlight_code_in_cell = function (cell, from, to) {
            var cm = cell.code_mirror;
            for ( var lineno = from; lineno < to ; ++lineno )
                cm.addLineClass(lineno, 'background', 'codehighlighter');
        }

        var highlight_selected_code = function () {
            var cell = Jupyter.notebook.get_selected_cell();
            var cm = cell.code_mirror;
            var from = cm.getCursor('from');
            var to = cm.getCursor('to');
            var endLine = (to.ch > 0 ? to.line + 1 : to.line);
            highlight_code_in_cell(cell, from.line, endLine);
            if ( ! cell.metadata.codehighlighter )
                cell.metadata.codehighlighter = [];
            cell.metadata.codehighlighter.push([from.line, endLine]);
        };

        var highlight_from_metadata = function() {
            Jupyter.notebook.get_cells().forEach(function(cell) {
                if (cell.metadata.codehighlighter) {
                    cell.metadata.codehighlighter.forEach(function(range) {
                        highlight_code_in_cell(cell, range[0], range[1]);
                    });
                }
            });
        }

        function registerAction(action_name, action) {
            var prefix = 'codehighlighter';
            return Jupyter.actions.register(action, action_name, prefix);
        }

        var hilite_code = registerAction('highlight-code', {
                                         icon: 'fa-lightbulb-o',
                                         help    : 'Highlight selected code',
                                         help_index : 'zz',
                                         handler : highlight_selected_code
        });
        var restore_hilites = registerAction('restore-highlights', {
                                         icon: 'fa-bars',
                                         help    : 'Restore highlights',
                                         help_index : 'zz',
                                         handler : highlight_from_metadata
        });

        Jupyter.toolbar.add_buttons_group([hilite_code, restore_hilites]);
    }

    return {
        load_ipython_extension: load_ipython_extension
    };
});