问题标签 [monaco-editor]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
8975 浏览

validation - Monaco 编辑器中自定义语言的语法验证

我正在尝试将自定义语言集成到 monaco 编辑器中,我通过https://microsoft.github.io/monaco-editor/monarch.html了解了语法高亮。

但是我找不到任何关于我们如何通过语法验证添加错误/警告验证的文档。在 Ace 编辑器中,我们通过编写一个 worker 并在其中执行验证功能来做到这一点。感谢任何链接/帮助。

0 投票
1 回答
1477 浏览

languageservice - 在 Monaco Editor 中创建语言服务器

我浏览了文档,发现为了在 Monaco 编辑器中为自定义语言提供诊断,我们需要编写自己的语言服务器/客户端。在示例 [1] 中,它是用 Typescript 编写的。我们可以用 Javascript 本身编写服务器吗?

[1] https://github.com/Microsoft/vscode-languageserver-node-example/tree/master/client

0 投票
0 回答
2464 浏览

diagnostics - 如何在 monaco 编辑器中验证自定义语言语法(添加错误/警告)

基本上,我已将自定义构建的语言集成到 Monaco 编辑器中。
现在,我需要为其添加诊断选项,以便进行语法验证。
这有什么可能吗?
我只能在https://microsoft.github.io/monaco-editor/playground.html#extending-language-services-configure-javascript-defaults中找到基于 javascript 的诊断选项

0 投票
2 回答
2302 浏览

jsx - Microsoft 的 Monaco 编辑器中的 JSX 支持

Monaco 编辑器是否支持 JSX 语法高亮?我找不到与此相关的任何参考。

0 投票
1 回答
1338 浏览

javascript - 如何使用量角器在 monaco 编辑器中插入代码?

我正在尝试使用量角器来测试包含 monaco 编辑器的代码,但找不到如何以编程方式编辑代码。

这是我的测试

这是我的功能

帮助了解如何在摩纳哥编辑代码或将代码粘贴到摩纳哥。

0 投票
1 回答
1053 浏览

monaco-editor - getAllDecorations 不是函数

我设法创建了行和内嵌装饰并将它们应用于编辑器,这是我用来创建装饰的代码:

现在我正在寻找一种去除装饰品的方法。

我尝试了 API 文档https://microsoft.github.io/monaco-editor/api/interfaces/monaco.editor.itextmodelwithdecorations.html#getalldecorations中描述的 getAllDecorations ,但是当我尝试像这样使用它时:

我在浏览器的控制台中收到以下错误:

任何关于我做错了什么的建议将不胜感激!TIA

0 投票
1 回答
688 浏览

protractor - 无法使用量角器获取摩纳哥编辑器中的文本

我正在使用量角器黄瓜框架为摩纳哥编辑器编写 BDD 测试。不久前,我发现了 Monaco API 以及如何以编程方式在编辑器中设置值。但这一次,我无法使用量角器在 monaco 编辑器中获取文本。这是我的代码示例:

这里的问题是“editorText”的值一直为空。在运行我的 BDD 测试时,编辑器中的值被替换为“abracadabranull”

使用一些默认文本初始化编辑器。而且由于“setValue”函数正在工作,我认为浏览器驱动程序在获取加载编辑器的 iFrame 时没有问题。

任何帮助,将不胜感激。

0 投票
3 回答
4583 浏览

javascript - 如何在 monaco 编辑器实例中设置选项卡宽度?

我想在monaco editor的实例中设置缩进宽度(以空格为单位)。

到目前为止,我已经能够通过IEditorOptions在初始化期间传入任何选项来自定义许多选项。稍后也可以使用updateOptions编辑器实例上的方法自定义这些选项,如以下示例所示:

但是,该tabSize设置未在此接口中定义,而是在一个单独的FormattingOptions接口中定义,我无法找到它的绑定(代码搜索仅找到接口定义)。

你能帮我调整一下这个设置吗?我的猜测是我误解了(否则非常出色)编辑器文档,因此在浏览它时提供的任何帮助都会非常有帮助。

与往常一样,非常感谢任何想法和提示。非常感谢您考虑这个问题!

0 投票
3 回答
4817 浏览

monaco-editor - 如何使用 Javascript 删除 Monaco Editor 的自动完成功能?

我在我的应用程序中嵌入了 Monaco 编辑器,我有一些 javascript 文件不应该显示“Web”环境的完成(想想 Node.js 或类似的)我希望只为定义的函数和类显示完成在页面上。

如何从 javascript 模式中删除所有“Web”自动完成?

在此处输入图像描述

0 投票
3 回答
8439 浏览

monaco-editor - 如何将文本插入摩纳哥编辑器?

我的应用程序中嵌入了一个摩纳哥代码编辑器。

如何以编程方式在特定行上插入文本?