Monaco Editor已弃用的deltaDecorations函数替代方案是什么？

原编辑器实例的deltaDecorations方法已被弃用，官方推荐使用**装饰集合（Decoration Collection）**来管理编辑器装饰，具体实现如下：

核心替代方案 #

通过编辑器实例创建一个IDecorationCollection对象，使用该对象的set方法来更新装饰，无需手动跟踪旧装饰ID，Monaco会自动处理装饰的增量更新。

代码示例 #

旧写法（已弃用）

// 需手动维护旧装饰ID数组
let oldDecorationIds: string[] = [];

// 更新装饰
oldDecorationIds = editor.deltaDecorations(oldDecorationIds, [
  {
    range: new monaco.Range(1, 1, 1, 10),
    options: { inlineClassName: 'custom-inline-decoration' }
  }
]);

新写法（推荐）

// 创建装饰集合
const decorationCollection = editor.createDecorationsCollection();

// 更新装饰：直接传入新装饰数组，自动处理增量
decorationCollection.set([
  {
    range: new monaco.Range(1, 1, 1, 10),
    options: { inlineClassName: 'custom-inline-decoration' }
  }
]);

// 清除所有装饰
decorationCollection.set([]);

额外说明 #

• 装饰集合会自动管理装饰的生命周期，无需手动跟踪旧ID
• 多次调用set方法时，Monaco会自动对比新旧装饰的差异，仅更新变化部分，逻辑与原deltaDecorations一致
• 可在创建集合时传入初始装饰：const collection = editor.createDecorationsCollection(initialDecorationsArray)

内容的提问来源于stack exchange，提问作者Bill Yan