In a Jupyter notebook how do I get syntax highlighting for javascript magic cells?

Question

When I run a cell in my local notebook I see the above. How do I get Jupyter to apply syntax highlighting to these cells?

Rishit Dagli · Accepted Answer · 2019-10-20 15:43:09Z

2

The following code works for SQL when placed in ~/.jupyter/custom/custom.js with notebook 5.x:

require(['notebook/js/codecell'], function(codecell) {
  codecell.CodeCell.options_default.highlight_modes['magic_text/x-mssql'] = {'reg':[/^%%sql/]} ;
  Jupyter.notebook.events.one('kernel_ready.Kernel', function(){
  Jupyter.notebook.get_cells().map(function(cell){
      if (cell.cell_type == 'code'){ cell.auto_highlight(); } }) ;
  });
});

answered Oct 20, 2019 at 15:43

Rishit Dagli

1,0069 silver badges20 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Ian Danforth Over a year ago

I've removed the SQL specific stuff as an edit, and it works! Apparently JS highlighting is available "out of the box."

Aprillion · Accepted Answer · 2020-07-12 10:36:08Z

0

JavaScript version:

%%js

require(['notebook/js/codecell'], (codecell) => {
  codecell.CodeCell.options_default.highlight_modes.magic_javascript = 
      {reg: [/^%%(?:js|javascript|script node)/]}
  Jupyter.notebook.events.one('kernel_ready.Kernel', () => {
    Jupyter.notebook.get_cells().map((cell) => {
      if (cell.cell_type == 'code'){
          cell.auto_highlight()
      }})
    })
})

answered Jul 12, 2020 at 10:36

Aprillion

22.4k6 gold badges59 silver badges94 bronze badges

Collectives™ on Stack Overflow

In a Jupyter notebook how do I get syntax highlighting for javascript magic cells?

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related