You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何关闭Monaco Diff Editor右侧的小地图?

解决Monaco Diff Editor无法关闭右侧小地图的问题

你当前代码直接在Diff Editor根配置中设置minimap无效,因为Diff Editor由原始编辑器和修改后编辑器两个独立子编辑器组成,需分别为这两个子编辑器配置小地图选项。

方法一:初始化时直接配置子编辑器选项

修改createDiffEditor的配置,通过originalEditorOptions和modifiedEditorOptions分别关闭两个编辑器的小地图:

const original = [
    '#include <iostream>',
    'using namespace std;',
    'int main()',
    '{',
    '    cout << "Hello, world!" << endl;',
];
const modified = [
    '#include<iostream>',
    '',
    'int main()',
    '{',
    '    std::cout << "Hello, world!"<< std::endl;'
];

const myEditor = monaco.editor.createDiffEditor(document.getElementById("container"), {
    originalEditable: true,
    renderIndicators: true,
    contextmenu: true,
    // 配置左侧原始编辑器的选项
    originalEditorOptions: {
        minimap: { enabled: false }
    },
    // 配置右侧修改后编辑器的选项
    modifiedEditorOptions: {
        minimap: { enabled: false }
    }
});

myEditor.setModel({
    original: monaco.editor.createModel(original.join('\n')),
    modified: monaco.editor.createModel(modified.join('\n')),
});

方法二:初始化后动态更新子编辑器选项

如果需要在后续逻辑中关闭小地图,可通过getOriginalEditor()和getModifiedEditor()获取子编辑器实例,再更新选项:

// 初始化完成后执行以下代码
myEditor.getOriginalEditor().updateOptions({
    minimap: { enabled: false }
});
myEditor.getModifiedEditor().updateOptions({
    minimap: { enabled: false }
});

两种方法均可彻底关闭Diff Editor两侧的小地图,你可根据实际场景选择使用。

内容的提问来源于stack exchange,提问作者曾曼青

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.06.23 20:05:00