CodeMirror创建/切换文档时不转移历史记录的正确流程是什么？

嘿，我来帮你搞定这个头疼的问题！你现在遇到的核心问题是复用了同一个CodeMirror.Doc实例来切换不同文件，导致不同文件的历史记录混在了一起——撤销操作自然会跳到之前文件的内容。

问题出在哪？ #

你的现有代码里，每次切换文件时都是拿当前的Doc实例，清历史、设新内容再覆盖历史。但CodeMirror的撤销/重做系统是和Doc实例强绑定的，这种“复用+修改”的方式没法彻底隔离不同文件的历史上下文，很容易出现串味的情况。

正确的解决思路：给每个文件分配独立的Doc实例 #

CodeMirror设计时就支持多Doc实例切换，每个文件对应自己的Doc，这样它们的历史记录是完全独立的。你只需要给每个文件维护专属的Doc，切换时直接swap到对应Doc就行，不用再手动折腾历史记录。

修正后的代码 #

$('#file-list').on('click', 'li', function () {
  var el = $(this);
  var filename = el.data('file');
  var f = files[filename];

  // 为当前文件创建专属的Doc实例（如果还没有的话）
  if (!f.doc) {
    // 用文件的初始内容创建新Doc
    f.doc = new CodeMirror.Doc(f.content);
    // 如果之前保存过该文件的历史，直接恢复
    if (f.history) {
      f.doc.setHistory(f.history);
    }
  }

  // 直接切换到该文件的独立Doc实例
  cm.swapDoc(f.doc);
});

补充：如何保存文件的历史记录 #

如果需要在关闭文件或者持久化时保存历史，直接从对应Doc实例里获取即可：

// 示例：保存某个文件的内容和历史
function saveFileState(filename) {
  var f = files[filename];
  if (f.doc) {
    f.content = f.doc.getValue();
    f.history = f.doc.getHistory();
  }
}

这样修改后，每个文件的撤销/重做操作只会影响自己的历史记录，切换文件后再撤销，就不会跳到之前文件的内容啦！

内容的提问来源于stack exchange，提问作者Asa Carter