在摩納哥編輯器中顯示錯誤的快速修復

Question

我正在嘗試將摩納哥作為自定義語言的編輯器。

我使用以下代碼來顯示操場上的示例錯誤（省略了某些部分）：

const editor = monaco.editor.create(<omitted>);
const model = editor.getModel();
model.onDidChangeContent(event => {
   const value = model.getValue();
   const errors = GetErrors(value); // Implementation of GetErrors() not shown here

    monaco.editor.setModelMarkers(model, "Example", errors);
});

在編輯器中導致所需的錯誤：

如何針對該錯誤顯示快速修復？ （而不是“沒有快速修復可用”）

我看過monaco.languages.registerCodeActionProvider()但是看不到它與錯誤檢測代碼的聯系。

更籠統地說，我一直在努力尋找與摩納哥一起實施Quick Fix的示例。

Answer 1

我使用代碼操作提供程序來工作。

關鍵是在provideCodeActions()使用context.markers來獲取我在其他地方（通過setModelMarkers() ）引發的錯誤。

monaco.languages.registerCodeActionProvider("myLanguage", {
    provideCodeActions: (
        model /**ITextModel*/,
        range /**Range*/,
        context /**CodeActionContext*/,
        token /**CancellationToken*/
    ) => {

        const actions = context.markers.map(error => {
            return {
                title: `Example quick fix`,
                diagnostics: [error],
                kind: "quickfix",
                edit: {
                    edits: [
                        {
                            resource: model.uri,
                            edits: [
                                {
                                    range: error,
                                    text: "This text replaces the text with the error"
                                }
                            ]
                        }
                    ]
                },
                isPreferred: true
            };
        });
        return {
            actions: actions,
            dispose: () => {}
        }
    }
});

我仍然想知道我是否缺少摩納哥的明顯文獻或示例資源。 我使用https://microsoft.github.io/monaco-editor/api/index.html和monaco.d.ts將它們拼湊在一起，但是這花費了大量的試驗和錯誤。