如何修改Jupyter代码单元格内容并触发事件避免内容还原？

你遇到的问题本质是直接修改DOM显示层但未更新编辑器的数据模型：CodeMirror（Jupyter的代码编辑器组件）的UI显示和内部数据是分离的，你之前的JS代码只改了页面上的文字，编辑器的核心数据模型没变化，所以单元格获得焦点时，会从模型重新渲染，导致修改丢失。

要实现持久化修改（保存Notebook时能保留修改），必须直接操作Jupyter的单元格数据模型，而非DOM元素。以下是针对Jupyter Lab的可行方案：

核心思路 #

通过Jupyter Lab的内部API获取Notebook的单元格模型，修改模型的value.text属性——这会同时同步UI显示和底层数据，修改后的内容会被写入.ipynb文件。

完整代码示例 #

代码单元格1（目标单元格） #

def func(test=True, test2='hi', mitre=['T1059.001', 'T1027'], test3=['T1059.001', 'T1027']):
    pass

代码单元格2（执行修改的单元格） #

from IPython.display import Javascript
Javascript('''
// 获取Notebook面板的核心模型
const notebookPanel = document.querySelector('.jp-NotebookPanel').model;
const cells = notebookPanel.cells;

// 遍历所有代码单元格，精准修改目标内容
cells.forEach(cell => {
  if (cell.type === 'code') {
    let code = cell.value.text;
    // 只替换mitre参数中的'T1027'，避免误改test3里的相同值
    const targetPattern = /mitre=\['T1059\.001', 'T1027'\]/;
    const newCode = code.replace(targetPattern, "mitre=['T1059.001', 'T1028']");
    if (newCode !== code) {
      cell.value.text = newCode;
    }
  }
});
''')

优化建议：精准定位目标单元格 #

如果Notebook中有多个代码单元格，建议给目标单元格添加唯一标识（比如开头注释），避免误改其他单元格：

修改后的代码单元格1 #

# Target Cell: func_def
def func(test=True, test2='hi', mitre=['T1059.001', 'T1027'], test3=['T1059.001', 'T1027']):
    pass

修改后的代码单元格2的JS部分 #

cells.forEach(cell => {
  if (cell.type === 'code') {
    let code = cell.value.text;
    // 通过标识定位目标单元格
    if (code.includes('# Target Cell: func_def')) {
      const targetPattern = /mitre=\['T1059\.001', 'T1027'\]/;
      const newCode = code.replace(targetPattern, "mitre=['T1059.001', 'T1028']");
      if (newCode !== code) {
        cell.value.text = newCode;
      }
    }
  }
});

为什么这个方案有效 #

1. 直接操作数据模型：修改的是Jupyter存储单元格内容的核心对象，而非临时的DOM显示层，所以焦点切换、页面刷新后修改不会丢失。
2. 持久化保存：修改后的内容会被同步到Notebook的底层数据结构，保存.ipynb文件时会自动写入。
3. 兼容性更强：依赖Jupyter的核心API而非DOM结构，版本更新时更不容易失效。

内容的提问来源于stack exchange，提问作者J.Todd