Jupyter notebook 在Jupyter笔记本中，如何获得javascript魔术单元的语法高亮显示？

---

当我在本地笔记本中运行一个单元格时，我看到了上面的内容。如何让Jupyter将语法高亮显示应用于这些单元格？

将以下代码放置在~/.Jupyter/custom/custom.js with notebook 5.x中时，SQL适用：

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

---

当将以下代码与notebook 5.x一起放置在~/.jupyter/custom/custom.js中时，它适用于SQL：

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

JavaScript版本：

%%js
需要（['notebook/js/codecell']，（codecell）=>{
codecell.codecell.options\u default.highlight\u modes.magic\u javascript=
{reg:[/^%（？：js | javascript |脚本节点）/]}
Jupyter.notebook.events.one（'kernel\u ready.kernel'，（）=>{
Jupyter.notebook.get_cells（）.map（（cell）=>{
if（cell.cell_type=='code'）{
cell.auto_highlight（）
}})
})
})

JavaScript版本：

%%js
需要（['notebook/js/codecell']，（codecell）=>{
codecell.codecell.options\u default.highlight\u modes.magic\u javascript=
{reg:[/^%（？：js | javascript |脚本节点）/]}
Jupyter.notebook.events.one（'kernel\u ready.kernel'，（）=>{
Jupyter.notebook.get_cells（）.map（（cell）=>{
if（cell.cell_type=='code'）{
cell.auto_highlight（）
}})
})
})

我已经删除了特定于SQL的内容作为编辑，它可以工作了！显然，JS高亮显示是“开箱即用”的。我已经删除了特定于SQL的内容作为编辑，它可以工作了！显然JS高亮显示是“开箱即用”的