gpt4 book ai didi

javascript - 如何以 Angular 创建 Monaco Editor 自定义语言?

转载 作者:行者123 更新时间:2023-12-04 02:06:49 32 4
gpt4 key购买 nike

关闭。这个问题需要debugging details .它目前不接受答案。












编辑问题以包含 desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem .这将帮助其他人回答问题。


2年前关闭。







Improve this question




我尝试使用自动完成(智能感知)创建自定义语言。这行不通。任何人都可以帮助我实现这一目标。

代码

https://stackblitz.com/edit/angular-7-master-emjqsr?file=src/app/app.module.ts

最佳答案

您快到了。

您只需要返回像 { suggestions: suggestions } 这样的对象而不是 provideCompletionItems 中的数组方法,你就完成了:

monaco.languages.registerCompletionItemProvider('dummy', {
provideCompletionItems: () => {
var suggestions = [
{
label: 'simpleText',
kind: monaco.languages.CompletionItemKind.Text,
insertText: 'simpleText',
},
{
label: 'testing',
kind: monaco.languages.CompletionItemKind.Keyword,
insertText: 'testing(${1:condition})',
insertTextRules: monaco.languages.CompletionItemInsertTextRule.InsertAsSnippet,
},
{
label: 'ifelse',
kind: monaco.languages.CompletionItemKind.Snippet,
insertText: ['if (${1:condition}) {', '\t$0', '} else {', '\t', '}'].join('\n'),
insertTextRules: monaco.languages.CompletionItemInsertTextRule.InsertAsSnippet,
documentation: 'If-Else Statement',
},
];
return { suggestions: suggestions };
},
});

Ng-run Example

关于javascript - 如何以 Angular 创建 Monaco Editor 自定义语言?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59377254/

32 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com