如何在Monaco编辑器中以编程方式取消所有选中内容？

我之前也踩过这个坑！Monaco的类型定义确实有点误导人——虽然editor.getSelection()可能返回null，但setSelection()并不接受null作为参数，而setSelections([])会因为要求至少一个有效选区而抛出参数错误。下面是两种可靠的解决方法：

方法1：设置一个起始/结束位置一致的选区 #

Monaco的选区本质是一个Range对象，当起始和结束位置完全相同时，就代表没有选中内容，只有光标。你可以基于当前光标位置（或默认位置）创建这样的Range：

// 获取当前光标位置，默认 fallback 到文档开头
const currentPos = editor.getPosition() || { lineNumber: 1, column: 1 };
// 创建一个"空"选区（起始=结束）
editor.setSelection(new monaco.Range(
  currentPos.lineNumber,
  currentPos.column,
  currentPos.lineNumber,
  currentPos.column
));

这样操作后，光标会保留在原来的位置，同时所有选中范围被清除。

方法2：直接设置光标位置（更简洁） #

其实更简单的方式是调用setPosition()方法——当你显式设置光标位置时，Monaco会自动清除所有选中的选区（包括多选区）：

const currentPos = editor.getPosition() || { lineNumber: 1, column: 1 };
editor.setPosition(currentPos);

这个方法代码更短，效果和方法1完全一致，适合大多数场景。

如果是处理多光标/多选区的情况，setSelections()需要传入至少一个有效Range，所以也可以传入一个包含单个空Range的数组来清除所有多选区：

const currentPos = editor.getPosition() || { lineNumber: 1, column: 1 };
editor.setSelections([new monaco.Range(
  currentPos.lineNumber,
  currentPos.column,
  currentPos.lineNumber,
  currentPos.column
)]);

内容的提问来源于stack exchange，提问作者Tim Perry