问题标签 [visual-studio-monaco]

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 投票
0 回答
645 浏览

npm - node_modules 中的更改不生效

我有一个 JS 项目,它在 node_modules 目录下安装了许多模块。该项目配置为使用 webpack 进行捆绑。当我在项目的根目录对 index.js 进行更改,然后发出“webpack”命令时,我看到了更改。但是,当我对 node_modules 下的模块中的文件进行更改,然后发出“webpack”命令时,我看不到更改。你知道为什么吗?

该项目是 Monaco Editor 示例,browser-esm-webpack:https ://github.com/Microsoft/monaco-editor-samples/tree/master/browser-esm-webpack

PS:我已经看到关于不要更改 node_modules 下的模块的评论。我确保我所有的安装都是本地的,并且我不打算发布这个项目,因为它是针对非常特定的需求而定制的。

0 投票
0 回答
188 浏览

javascript - 摩纳哥编辑器错误:“jquery”的脚本错误,需要:vs/editor/editor.main

我正在使用 require.js

创建编辑器的代码

我也在这个页面上使用了很多或 jquery 和 javascript。我在这个页面上使用 jquery-1.12.2.min.js。

我收到以下错误,

“jquery”的脚本错误,需要:vs/editor/editor.main

0 投票
2 回答
2809 浏览

javascript - 每个脚本文件只能有一个匿名定义调用

我正在使用 loader.js 创建摩纳哥编辑器,但在控制台中出现 2 次错误“每个脚本文件只能有一个匿名定义调用”。

创建编辑器的代码

我试图搜索问题并找到以下相关答案:

您正在加载的某些代码正在使用匿名模块 ID 调用定义。你可以:

通过 AMD 加载程序加载该代码(即手动要求它),以便 AMD 加载程序创建<script>标签。

在 AMD 加载程序之前加载该代码(即该代码段将无法使用定义)

在该脚本的评估期间取消定义(即,如果您使用<script>标签加载它,则在之前取消定义并在之后恢复它)

尝试取消设置define.jquery,AFAIK jquery 可能正在检查define 函数

这个页面已经有很多 jquery 并且我理解这一点是因为 jQuery。请帮助一些人让我通过例子来理解。谢谢

0 投票
1 回答
1212 浏览

javascript - 在摩纳哥编辑器中禁用粘贴

我试图在一个使用 parcel 作为捆绑器的 Web 项目上实现 Monaco 编辑器,但发现很难阻止粘贴操作(我不希望用户在编辑器中粘贴代码)。

这就是我初始化编辑器的方式

这就是我在divid中创建编辑器实例的方式code

现在的挑战是阅读Monaco docs,我找不到防止编辑器中粘贴事件的内置方法,我也没有找到绕过它的方法。请帮忙。

0 投票
1 回答
963 浏览

xml - Monaco Editor 默认不支持 XML 语言吗?

我正在尝试将 Monaco Editor 用于 XML 语言,但是在呈现编辑器实例时,XML 字符串没有被格式化,而它对 JSON 工作正常。

我也没有在编辑器的上下文菜单中找到“格式化文档”选项(如果它是用 XML 语言打开的)。Monaco 编辑器是否默认支持 XML 格式?

0 投票
1 回答
177 浏览

angular6 - monaco-editor 与 angular6 应用程序的集成

我正在尝试将Monaco Editor集成到 Angular-6 应用程序中的 Angular 库中,我是新手,官方文档没有任何实施设置指南。任何建议或指导将不胜感激。

0 投票
0 回答
1002 浏览

javascript - 将 monaco-yaml 与 monaco-editor 集成

我正在尝试使用所有 monaco-eeditor 功能,因此我将 monaco-diff 编辑器与 monaco-yaml 插件结合使用。

我能够按照此 https://microsoft.github.io/monaco-editor/playground.html#creating-the-diffeditor-hello-diff-world构建 monaco-diff 编辑器。

但是我找不到添加 monaco-yaml 的教程,有人可以为我提供链接、教程或任何有用的步骤吗?

0 投票
0 回答
147 浏览

visual-studio-code - 如何将差异内联装饰器添加到类似于 VSCode 的摩纳哥?

我想突出显示用户在编辑器中所做的更改,类似于 VSCode GIT 扩展在编辑器内突出显示更改的方式。我知道摩纳哥有 DiffEditor 但我不需要并排比较版本,我只想向用户提供类似于此示例的视觉反馈:

在此处输入图像描述

摩纳哥是否支持此功能?如果没有,我可以使用 Monaco 的 DiffEditor 找出更改并将内联装饰器添加到编辑器吗?

0 投票
1 回答
697 浏览

typescript - 无法在摩纳哥编辑器中撤消

在我的 Angular 7 项目中,我使用 monaco 编辑器进行编码。如果我对代码进行了一些更改,然后按 ctrl+z 它将撤消代码,但是当我进行一些更改时,我将更改编码语言,如果我按 ctrl+z 则它不会恢复以前的代码. 所以问题是在更改编码语言后,按 ctrl+z 不会恢复以前的代码。

请帮我解决上述问题。

0 投票
1 回答
142 浏览

scala - 如何为 monaco 编辑器添加 scala 语言支持

我在我的角度项目中使用摩纳哥编辑器。我已经看到,摩纳哥编辑器中不支持 Scala 语言。有谁知道如何在摩纳哥编辑器中为 scala 添加第三方库?