如何修改Monaco编辑器的单词定义以支持含|的标识符？

Monaco默认的单词识别规则会将|视为分隔符，导致getWordUntilPosition仅返回|后的部分。你可以通过以下两种方式修改这一行为：

方法1：通过自定义语言配置全局修改单词规则 #

Monaco允许为自定义语言指定wordPattern正则表达式，以此覆盖默认的单词识别逻辑。只需在注册语言时配置包含|的匹配规则：

// 注册你的专有语言
monaco.languages.register({ id: 'yourCustomLang' });

// 设置语言配置，自定义单词匹配规则
monaco.languages.setLanguageConfiguration('yourCustomLang', {
    // 允许字母、数字、下划线和|组成完整标识符，可根据语言规则调整
    wordPattern: /[\w|]+/
});

配置完成后，model.getWordUntilPosition会按照新规则识别单词，输入foo|bar时将返回完整的标识符。

方法2：自定义单词扫描函数（局部替代默认方法） #

如果不需要全局修改语言配置，也可以手动实现一个单词扫描函数，替代默认的getWordUntilPosition：

function getCustomWord(model: monaco.editor.ITextModel, position: monaco.Position) {
    const lineContent = model.getLineContent(position.lineNumber);
    let startIdx = position.column - 1; // 转换为字符串索引（Monaco列从1开始）
    let endIdx = startIdx;

    // 向左扫描，直到遇到非允许的字符
    while (startIdx > 0 && /[\w|]/.test(lineContent[startIdx - 1])) {
        startIdx--;
    }

    // 向右扫描，直到遇到非允许的字符
    while (endIdx < lineContent.length && /[\w|]/.test(lineContent[endIdx])) {
        endIdx++;
    }

    return {
        startColumn: startIdx + 1,
        endColumn: endIdx + 1,
        word: lineContent.substring(startIdx, endIdx)
    };
}

// 使用自定义函数获取单词
const word = getCustomWord(model, position);
console.log(word); // 输入foo|bar时返回完整的"foo|bar"

const range: monacoType.IRange = {
    startLineNumber: position.lineNumber,
    endLineNumber: position.lineNumber,
    startColumn: word.startColumn,
    endColumn: word.endColumn
};

两种方法对比 #

• 方法1简洁高效，全局生效，适合整个语言场景（如自动补全、语法高亮）都需要识别含|标识符的情况。
• 方法2灵活性强，适合仅在特定逻辑（如自定义自动补全）中需要特殊处理的场景。

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