问题标签 [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 投票
2 回答
2203 浏览

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

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

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

目前的代码如下所示:

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

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

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

任何帮助,将不胜感激。

查找控件: 查找控件

0 投票
1 回答
1547 浏览

visual-studio-code - 如何在 Monaco Editor 中以编程方式触发键盘事件

在为代码编辑器编写生成测试套件时,我试图以编程方式调用KeyboardEvent在摩纳哥处理 ' 的事件处理程序。在 textarea 或根编辑器元素上创建new KeyboardEvent({...})并调度它不起作用。

例如,我们如何将编辑器转换为以下状态:

  1. 粘贴“abc”=>abc|
  2. 将光标移动 -1 =>ab|c
  3. 删除一次 =>a|c
  4. 输入“x” =>ax|c
0 投票
1 回答
1472 浏览

javascript - 如何在 html 和 javascript 中创建虚假输入

我需要创建一个假输入,以便我可以将内容更改为 html 元素。

就像在Desmos应用程序中一样,您可以输入类似 :a^b的内容,它会在 html 中更改为b女巫 is: a<sup>b</sup

另请参阅执行语法突出显示、自动完成等功能的Monaco Editor 。

我熟悉contenteditable属性,但在演示中他们不使用它。

在这两个应用程序中,他们在不使用文本区域、隐藏输入或contenteditable属性的情况下实现了假输入。

所以我的问题是如何实现这种行为并使用假 oninput、onblur、oncopy 等处理函数实现假输入。

0 投票
1 回答
858 浏览

monaco-editor - 如何在完成项目文档上添加可点击链接

是否有一个 API,我可以指定使用标记在文档工具提示中显示链接?

我能找到它支持标记的唯一地方是悬停。

例如:

0 投票
1 回答
3337 浏览

javascript - Monaco Editor - 如何使某些区域只读

我正在尝试以文本内容的某些区域为只读的方式配置摩纳哥编辑器。更准确地说,我希望第一行和最后一行是只读的。下面的例子:

我已经用 Ace Editor 做过类似的事情,但我想不出用 Monaco 做这件事的方法。您可以在ModelContentChangedEvent其中注册一个侦听器,但在更改发生后它会被触发(为时已晚,无法阻止任何事情)。有更多摩纳哥经验的人知道如何做到这一点吗?

提前致谢!

0 投票
1 回答
230 浏览

javascript - Monaco + JSDoc Scope Resolution (Anonymous Function)

I am writing a "modern" web-based MUD with NodeJS and I have implemented on-line editing used the Monaco editor. I have just discovered a very annoying problem with my approach to defining MUD modules, though. The imported .d.ts files are not providing intellisense because the class definitions from the global scope are being overritten:

Workroom.js (simplified):

Room.d.ts (simplified):

The MUD uses this proprietary loader to try and limit access to Node's global scope and provides it's own mechanism for resolving dependencies. But yeah. The module in this example inherits Room but the passed reference shares the name of the "Room" defined in the Room.d.ts file. Is there a means by which I can mark-up the anonymous function so the editor knows that "Room" is a "Room" from my .d.ts file?

Intellisense Scope Fail

I just need to be able to tell Monaco that the Room parameter is a Room type... can it be done with @jsdoc? (I have tried

0 投票
1 回答
611 浏览

azure - Azure 应用服务编辑器(摩纳哥)停止工作/无法访问 http 错误 500.1001

我无法再访问 azure App Service Editor (monaco) ,一切都很好,而不是刚刚停止。该网站正在运行,我可以使用 Visual Studio 访问,但不能在线访问

在此处输入图像描述

0 投票
1 回答
209 浏览

monaco-editor - 使用制表符编号的片段中的变量转换

我想知道是否可以将制表位整数用作转换的变量。在崇高的转换中允许以下行为:

预期的行为是除了complex打印之外的任何东西This snippet is for beginnerscomplex输入时应该打印This snippet is not for beginners

我尝试使用自定义版本的 Monaco 并没有设法让它工作,但我注意到文档没有明确将其命名为功能。

有没有人设法让这个工作?如果是这样,我会用更多关于我的设置的细节来更新这个问题。

谢谢

0 投票
1 回答
1057 浏览

monaco-editor - 摩纳哥自定义语言验证

摩纳哥编辑器是否有任何示例如何为自定义语言编写验证?

例如,我需要为未使用的单词写错误(单词是动态的)

0 投票
1 回答
1742 浏览

visual-studio-code - Monaco 编辑器:使用本机(系统)上下文菜单

有没有办法让摩纳哥使用系统菜单作为上下文菜单?

WKWebView在 macOS 上嵌入了 Monaco。上下文(右键单击)菜单在 Web 视图中呈现,而不是作为本机系统菜单。(但 VSCode确实显示了本机上下文菜单。)

我怎样才能使这项工作?


这就是我想要的:(我在 VS Code 中看到的)

在此处输入图像描述

但我明白了:(我在嵌入式 WKWebView 中得到了什么)

在此处输入图像描述


编辑2:

通过在包含窗口之外呈现的方式,您可以看到这实际上是一个系统菜单。截图:

在此处输入图像描述