问题标签 [ngx-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 投票
1 回答
1069 浏览

angular - @materia-ui/ngx-monaco-editor - 无法获得与编辑器一起使用的自定义 json 架构

我无法弄清楚如何使用该@materia-ui/ngx-monaco-editor库加载自定义 json 模式并用于验证对 monaco 编辑器实例的输入

我一直在关注这里的指南https://levelup.gitconnected.com/autocomplete-json-with-angular-and-monaco-f1dcc01e36e1当然还有lib 的自述文件

我正在尝试MonacoEditorLoaderService根据他们的文档从库中使用它们并设置 jsonDefaults 的各种诊断选项,如下所示:

Ctrl+Space 只给了我以下$schema选项,并且没有我的架构定义的属性。

在此处输入图像描述

我显然有一些错误配置并误解了如何正确设置模式加载。

我的设置的 Stackblitz 在这里 - https://stackblitz.com/edit/materia-ngx-monaco-editor-example-y2tcrz?file=src/app/app.component.ts

有人可以指出这里的问题是什么,请问我做错了什么?

谢谢

0 投票
3 回答
1541 浏览

angular - ngx-monaco-editor - 容器更改时无法设置布局大小(使用选项卡面板)

我正在努力处理ngx-monaco-editorprimeng选项卡面板内部的一个实例,当切换到另一个选项卡时,它似乎失去了它的大小计算,更改绑定到编辑器的模型值,然后再次切换回初始选项卡。

https://stackblitz.com/edit/primeng9-tabs-monaco-editor

使用上面的 URL 进行复制的步骤:

  • 最初将选择“编辑器”选项卡
  • 选择“标签 2”
  • 单击“更改代码”按钮
  • 切换回“编辑器”选项卡,现在看到编辑器的大小缩小了

前:

在此处输入图像描述

后:

在此处输入图像描述

在 Dom 中检查,最初分配的样式仍然存在。

从我的示例应用程序的源代码中可以看到,我还尝试layout在选项卡更改事件中使用编辑器的方法来尝试根据容器强制重新计算大小,但这没有任何区别

有趣的是,如果我调整窗口大小,这似乎会触发编辑器组件再次正确调整大小。

0 投票
0 回答
160 浏览

angular - Angular 6+ ngcc 无法在 ngx-monaco-editor 上运行

使用 NPM 库ngx-monaco-editor设置编辑器

安装库后,浏览器中会出现以下错误:

ngcc failed to run on ngx-monaco-editor@9.0.0.

Stackblitz Proj中尝试的代码

0 投票
2 回答
2864 浏览

angular - 如何清除现有模型,或者有没有办法重新初始化摩纳哥编辑器

我正在使用 ngx-monaco-editor 在模态中实现代码编辑器。因为我需要支持多个选项卡,所以我需要为模型准备一张地图,以记住带有 Uris 的模型。模态框也可以在关闭后重新打开。

问题:一旦我重新打开模式并选择以前打开的文件,它会抛出错误:

我不确定为什么 ngx-monaco-editor 在组件被销毁后不销毁模型。

有没有一种方法可以在关闭模式之前手动清除这些模型。

0 投票
0 回答
377 浏览

angular - 摩纳哥编辑器以角度动态调整大小

我的怀疑

我创建了一个monaco 代码编辑器作为 Angular 自定义组件。我想让这个组件响应。

我在某些测试组件(考虑父组件)中呈现编辑器组件(考虑子组件)。

如果我增加测试组件的宽度和高度,那么它会调用一个函数并触发一个自定义事件。

引发自定义事件

Monaco 代码编辑器组件像这样捕获该事件:

我也想调整摩纳哥代码编辑器(自定义组件)的大小。

我怎样才能使这个动态调整大小?


我的代码编辑器组件:

组件类

角部

测试组件

(这是从其他组件触发事件)

0 投票
1 回答
487 浏览

angular - Angular - 如何将 Monaco Kusto 集成到 ngx-monaco-editor?

我想添加对Monaco Editor 的支持以支持 Kusto Queries。因此,我尝试将kusto语言添加到 Monaco Editor Options。但是,这是行不通的。

所以,我用谷歌搜索并找到了@kusto/monaco-kusto包(https://www.npmjs.com/package/@kusto/monaco-kusto)。我安装了这个包。但是,我不知道将此包与 Monaco Editor 集成。他们的文档看起来很混乱。谁能帮我为我的摩纳哥编辑器添加 Kusto 语言支持?我正在使用 Angular 9。

0 投票
0 回答
465 浏览

monaco-editor - 摩纳哥编辑器:更改默认字形边距悬停工具提示样式

我正在使用 monaco 编辑器,正在寻找一种将工具提示悬停在字形边缘上的样式。

在此处输入图像描述

为了实现上面的图像,我检查了元素并找到了我修改如下以获得上述样式的 css 类(悬停行)。

我想知道除了依赖 monaco 编辑器的内部 css 类之外,是否有更好的方法来做到这一点。? 我怀疑这可能会在任何一天中断。

0 投票
1 回答
706 浏览

angular - 如何将 ngx-monaco-editor 包装在 ControlValueAccessor 组件中

我正在尝试将ngx-monaco-editor github用于简单的 faas 应用程序,并尝试使其能够在 FormGroup 中使用。

这就是我的组件的样子:

我收到以下错误: 在此处输入图像描述

我正在尝试这样做,以便我可以在附加了 formControlName 的表单中使用 EditorWrapperComponent,但无法弄清楚如何解决这个问题。如果这不是在表单中使用 ngx-monaco-editor 的正确方法,我愿意接受建议。

0 投票
1 回答
120 浏览

monaco-editor - 在摩纳哥编辑器中使用匹配括号时为空

希望你一切顺利。

我用过editor.getmodel().matchBrackets(5);然后我得到null

我想要的是,我想获得从第 5 行左括号到右括号的范围。

以上是正确的,我正在尝试什么。

0 投票
1 回答
215 浏览

angular - 摩纳哥编辑器更新完成项目 [Angular]

我正在尝试通过 ngx-monaco-editor 在 angular 10 应用程序中使用 monaco 编辑器。这是一个摩纳哥编辑器问题,而不是一个角度问题(我认为)......我是使用这个编辑器的新手。

我正在尝试为 2 个不同的文件提供不同的完成项,并且我将我的语言称为'myLang'

  • 文件1需要有RULE1作为完成项
  • 文件2需要有RULE2作为完成项

两个文件都打开{language:'myLang'}

规则是动态的并且可以更改,因此我需要动态更新它们。

到目前为止,我已经能够在“window.monaco.languages”上注册完成项的静态列表(甚至是动态列表),但是我如何告诉编辑器(或编辑器模型)将 List1 用于文件 1 和 List2对于文件 2

在一个更一般的问题中,当您打开 2 个不同的 js 文件时,它们将具有不同的上下文。例如,变量名/函数名是不同的。根据打开的文件(如何将所有可用的上下文:变量/函数/标识符)传递给编辑器中打开的每个文件,您如何告诉 monaco 编辑器使用哪些完成项?