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

monaco-editor - 如何在 Monaco 编辑器中使用 HTML 和 JS/CSS

我已经使用 Monaco Editor 一年多了,它太棒了,简直太棒了。但是,到目前为止我发现的最大问题是,如果我加载 Monaco Editor(使用language:'html'),但如果里面有<style>or<script>标签,它不会格式化这些标签的内容,只有 HTML 标签,如<body><div>...

例如:

如果您在 Monaco 编辑器中加载此代码,您会看到它的格式很好<div>,但内容不会被格式化为 CSS,它将全部未格式化并具有相同的颜色<b><span><style>

0 投票
0 回答
121 浏览

css - 如何在摩纳哥编辑器中更改建议选项的高度

我想在 Monaco 编辑器的自动完成菜单中更改行的高度。看起来他们正在使用绝对定位来处理列表,方法是top为 each 设置一个显式值row。有没有办法改变这个高度?

我曾尝试使用自定义 CSS 来解决它,但由于每一行都有top在运行时生成的值,我不确定 CSS 是否可以解决这个问题。

参考

0 投票
0 回答
33 浏览

visual-studio-code - 如何在独立的 monaco 编辑器实例中显示诊断信息?

我正在开发一个嵌入 monaco 编辑器实例的反应项目。我想显示内联诊断,类似于它们在 VSCode 中的显示方式。这个功能是直接内置在 Monaco 编辑器中的,还是我必须在编辑器之上构建的?

如果它是内置的,我将如何去做?

0 投票
0 回答
36 浏览

visual-studio-code - Get CompletionItemProvider list with values

I'm trying to retrieve the list of current completion items provider monaco editor instance has.

My purpose is to iterate monaco-editor completion items providers and call registerCompletionItemProvider to monaco-editor-core instance.

Is there any way to retrieve data from monaco instance beside languages? I've logged It and It only has register methods.

Thanks in advance

0 投票
0 回答
76 浏览

reactjs - 安装包并在摩纳哥编辑器上自动完成

我想让我的用户能够在浏览器中安装 npm 包并在摩纳哥编辑器上自动完成已安装的包,我搜索了很多,这就是我现在想出的:

但是这种方式非常乏味,我想要一种动态的方式来为已安装的包执行此操作,正如您所见,我只是从 @types/node 包中单独提取了加密模块。

0 投票
1 回答
102 浏览

javascript - 如何使用 monaco 编辑器在页面上使用两种不同的字体?

我正在使用 react-monaco-editor。

在全局 css 中,我设置了一个字体系列,例如Helvetica, Tahoma, Arial, monospace.

同时,我的页面上有一个编辑器实例,我想使用另一种字体,例如"Fira Code", monospace. 我在编辑器的可选中设置它。编辑器显示此字体。

但是此时出现了一个问题,编辑器在测量字体宽度时使用的是全局字体。所以在 renderWhitespace 和显示缩进指示符时会出现错误。我尝试monaco.editor.remeasureFonts()在 Hook 中或渲染之前使用,但没有成功。

我认为这与选择 monaco 用于测量的字体有关,但我找不到如何指定用于测量的 API。

0 投票
0 回答
50 浏览

reactjs - 如何在不使用拆分模式差异编辑器的情况下在摩纳哥编辑器中显示更改的编辑行(差异)?

我试图在摩纳哥编辑器中实现这样的目标。有没有一种方法可以在不使用 DiffEditor (以拆分模式显示的那个?)的情况下实现这种通知摩纳哥中更改的行的方法?

TIA。

图片

我正在寻找关于 vscode 如何通知内联更改行的确切经验。

0 投票
1 回答
19 浏览

monaco-editor - 摩纳哥编辑器:如何修复源代码中的某些行

如何在Monaco Editor中设置固定线 ?

可以在固定行之前或之后编辑内容。但她不能编辑或删除固定线路。

0 投票
0 回答
35 浏览

monaco-editor - 带有 npm 的 Monaco 编辑器无法使其在本地工作

我跟着这个 tu

https://www.programmersought.com/article/39525453236/

除了标题什么都不显示

0 投票
0 回答
21 浏览

reactjs - 摩纳哥编辑器不显示颜色,只显示白色

monaco editor在我的反应应用程序中实现,但它只显示一种颜色,我无法弄清楚。我也尝试过使用默认主题,没有自定义主题,仍然是同样的问题