VSCode 扩展：我们如何使用 Monaco 编辑器来编辑内存中的字符串？

如何解决VSCode 扩展：我们如何使用 Monaco 编辑器来编辑内存中的字符串？

我正在构建一个 Vscode/theia 扩展，以贡献基于图表的自定义编辑器。在这些编辑器中，在某些事件（如节点标签编辑）中，我需要向最终用户提供输入控件，他们可以在其中根据我们的自定义语法定义输入表达式。目的是为最终用户提供由 LSP 而不是纯输入文本框支持的完整编辑体验。我的要求是有一个可重用的小部件，它看起来类似于 TextArea，但具有额外的 LSP 支持以帮助最终用户编写表达式。

到目前为止我所做的 -

1.vscode-extension for language support is created,language client & 服务器正在由此启动。

2.LSP 功能（如内容辅助、错误突出显示等）在独立文件编辑器上运行良好。

3.我能够将 Monaco 编辑器嵌入到 HTML div 中的基于图表的编辑器中，但没有任何 LSP 功能正在处理它。

那么我们如何使用 Monaco 编辑器来编辑非文件资源，例如启用所有 LSP 功能的内存字符串？

解决方法

在这种情况下，嵌入式编辑器是一个完整的实例，您必须像将其嵌入到独立网页中一样进行设置。这通常涉及为各种功能（悬停、代码建议、验证等）设置提供程序。让这些提供者调用你的 LSP 来完成繁重的工作（在 vscode 和你的 webview 之间来回传递消息）。

        languages.onLanguage(msg.id,() => {
            msg.loader().then((module: any) => {
                languages.setMonarchTokensProvider(msg.id,module.language);
                languages.setLanguageConfiguration(msg.id,module.languageConfiguration);
                languages.registerCompletionItemProvider(msg.id,new CodeCompletionProvider());
                languages.registerHoverProvider(msg.id,new HoverProvider());
                languages.registerSignatureHelpProvider(msg.id,new SignatureHelpProvider());
                languages.registerDocumentHighlightProvider(msg.id,new DocumentHighlightProvider());
                languages.registerDefinitionProvider(msg.id,new DefinitionProvider());
                languages.registerReferenceProvider(msg.id,new ReferencesProvider());
                languages.registerSelectionRangeProvider(msg.id,new SelectionRangeProvider());
                languages.registerDocumentFormattingEditProvider(msg.id,new FormattingProvider());
                languages.registerRenameProvider(msg.id,new RenameProvider());
            });
        });

msg 这里是您的语言的语言贡献文件（在我的例子中是 msg.contribution.ts）。