问题标签 [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 回答
7076 浏览

javascript - 在摩纳哥编辑器中滚动到行

我看到有一种scrolltop在摩纳哥编辑器中设置的方法。如何滚动到特定的行而不是特定的像素?

0 投票
1 回答
2432 浏览

javascript - 您如何将 monaco-editor 从只读设置为可写?

在我的代码中,我创建了一个像这样的编辑器:

所以现在那个编辑器是只读的。我将如何更改this.monacoEditor为可写/可编辑?

0 投票
1 回答
587 浏览

ajax - 如何返回一个 Thenable CompletionList

我正在尝试提高 monico 编辑器完成项提供程序的性能(它目前正在进行 ajax 调用以获取适当的项......自定义语言非常庞大且复杂)。

我想知道是否/如何返回一个 Thenable CompletionList 可能对此有所帮助。 https://microsoft.github.io/monaco-editor/api/interfaces/monaco.languages.completionitemprovider.html

我们最初是从一个同步的 ajax 调用开始的,这样我们就可以确定要呈现结果,但这会导致输入流中过多的阻塞/中断。现在 ajax 调用是异步的,但返回的速度不够快,我们收到一条“无建议”消息。

0 投票
0 回答
794 浏览

monaco-editor - TriggerCharacters 属性不起作用

使用摩纳哥编辑器。我们已经注册了一个自定义语言和完成项提供程序。我还包括了 triggerCharacters 属性,以便在按下句点/点时弹出自动完成功能。

例如。monaco.languages.registerCompletionItemProvider(language, { triggerCharacters: ["."],

到目前为止,没有运气让它工作。目前,键入句点时根本没有任何反应。

有什么建议可以尝试吗?

0 投票
1 回答
1892 浏览

monaco-editor - Monaco Editor 自定义格式化程序

我正在尝试在我目前正在开发的项目中使用 Microsoft 的 Monaco Editor。我查看了文档,发现您可以使用自定义代码完成和语法突出显示设置自定义语言,但我找不到任何关于如何将自定义格式添加到自定义语言的信息。

这是一种可能吗?

0 投票
1 回答
776 浏览

javascript - 如何将标记添加到现有语言(例如打字稿)?

我可以使用 setMonarchTokensProvider 定义标记,但这并没有真正的帮助,因为我只能创建一种新语言或覆盖打字稿。在任何一种情况下,我都没有我仍然想要拥有的其余打字稿标记。

我只想添加一个标记,它在这个编辑器的上下文中具有特定的含义,我想对其进行着色。虽然仍然拥有所有打字稿。

这是我到目前为止所拥有的(取自操场示例),但是打字稿的其余部分已经消失了:

(然后在创建编辑器时使用主题 myCoolTheme)

0 投票
1 回答
302 浏览

typescript - monaco 编辑器是否支持使用 Typescript 语言服务插件?

我想创建一个 Typescript 语言服务插件(例如https://github.com/Microsoft/TypeScript/wiki/Writing-a-Language-Service-Plugin)并将这个插件与 Monaco 编辑器集成,在浏览器中运行.

是否可以将 Typescript 语言服务插件与 Monaco 集成?

0 投票
1 回答
916 浏览

javascript - 在 AngularJS 1.X 中使用 Monaco 编辑器

由于这个问题,我尝试使用另一个基于 JavaScript 的源代码编辑器,而不是 CodeMirror 和 Ace,它可以与AngularJS 1.X. 然后我正在调查Monaco Editor

我可以很好地运行这个示例。但我不知道如何使它与 AngularJS 1.X 一起工作。

例如,我想将ng-if, ng-modeland绑定ng-change到编辑器,以决定何时显示什么内容,并在有任何更改时运行一个函数。使用ui-codemirror,我们可以使用指令编写:

那么有谁知道ui-摩纳哥编辑是否有这样的指令?是否有任何解决方法可以在角度框架内实现相同的目标?

0 投票
3 回答
2638 浏览

css - 让 Monaco Editor 填充页面的其余部分(跨浏览器)

我想在一些固定文本下的页面中嵌入摩纳哥编辑器,我希望摩纳哥编辑器的高度完全填充页面的其余部分。人们在这里给了我一个答案:JSBin

它在 Chrome 中完美运行,但max-height:100%由于#container > *. 如果我们将它设置为max-height:100vhor height: 100vh,它在 Safari 中或多或少地工作(当焦点到达编辑器底部时会有点闪烁),而在 Chrome 中上下滚动时会显示一个滚动条。

有没有人有适用于 Chrome 和 Safari 的解决方案?否则,是否可以仅为 Chrome 或 Safari 设置特定规则?

0 投票
2 回答
2203 浏览

javascript - Monaco 编辑器 - 使用文本预填充查找控件

我在我的 React 应用程序中托管了一个 Monaco 编辑器。

到目前为止,我已经让编辑器在安装编辑器时打开查找控件,但我需要用一些文本预先填充它。

目前的代码如下所示:

我认为 API 文档并不清楚这是否可行。

我的第一直觉是这样做 editor.getAction('actions.find').run('text here') ,但这似乎不起作用

当您在编辑器本身中突出显示一个单词,然后按下CMD+F您会得到预填充文本的查找控件,所以我相信这是可以实现的。

任何帮助,将不胜感激。

查找控件: 查找控件