monaco-editor 相关问题

Monaco Editor是VSCode的基于JavaScript的文本编辑部分,被提取到独立库中。

如何在命令面板中提供“转到/查看”操作

在 VS Code 中,您可以运行(和配置)Go to/Peek 操作 从命令面板。 然而,摩纳哥编辑却并非如此。我既无法在调色板中找到命令,也无法以编程方式找到命令。 对于e...

回答 1 投票 0

React Monaco 编辑器尝试从本地文件加载 URL

我正在使用 Monaco (@monaco-editor/react) 作为 React-Electron TypeScript 应用程序中的代码编辑器。当我简单地从“@monaco-editor/react”导入编辑器时;然后添加一个编辑器组件到Re...

回答 1 投票 0

摩纳哥编辑器 - 程序化折叠

还有人觉得摩纳哥很难吗? 我在几个选项卡中打开了 API 文档,并在其中进行爬行,试图收集有关其工作原理的实际信息。 但文档非常空白。就...

回答 1 投票 0

获取摩纳哥命令/操作 ID 列表?

有没有办法获取摩纳哥可用命令/操作及其ID的列表,例如editor.action.formatDocument? 文档中似乎没有任何内容,我正在努力寻找

回答 3 投票 0

为什么当选择的文本有点长时,window.getSelection.toString的结果会变成省略号?

当我在程序中使用monaco-editor时,当我在编辑器中选择一些长代码时,window.getSelection.toString的结果变成省略号,例如“xxxxxx ... xxxxx”,而它却变成了n.. .

回答 1 投票 0

如何在 Monaco 编辑器中使用 npm 包使用 addExtraLib?

我正在尝试将 Monaco Editor 与 npm 包一起使用,该包为特定库提供自定义类型定义。 我正在使用“@monaco-editor/react”,这是我的 onMount 函数。 常量

回答 1 投票 0

在 Angular 13 中实现 Monaco 编辑器

在 Angular 13 中实现 Monaco 编辑器的最佳选择是什么? 我见过 ngx-monaco-editor,但上次更新是 9 个月,它已经升级到 Angular 12,Monaco 版本也有 0.20.0 ...

回答 5 投票 0

未捕获的引用错误:摩纳哥未定义

我正在尝试运行 Monaco Editor,但出现错误。未捕获的引用错误:摩纳哥未定义。 我正在运行本地 Web 服务器,我可以看到 loader.js 正在 Firefox Dev 中加载...

回答 1 投票 0

嵌入式 Monaco 编辑器实例在 editor.main.js = $ 不是函数时失败

我正在开发一个网络桌面,我正在尝试将摩纳哥编辑器集成为一个应用程序。我第一次尝试它确实有效,但下一次提交我无法弄清楚我的生活是什么......

回答 1 投票 0

在vite中使用monaco-editor时,出错被拒绝,

nextTick(() => { // 在里面 const node = document.getElementById('monacoElement'); 如果(节点){ monacoEditor.value = monaco.editor.createDiffEditor(节点, { 主题: 'vs', ...

回答 1 投票 0

无法重新声明块作用域变量“MonacoEnvironment”

我开发了一个私人图书馆,@labcorp/ngx-monaco-editor。 该库已构建且其测试项目运行良好,我们已成功将其集成到多个项目中,但是其中一个项目...

回答 2 投票 0

如果我在同一页面中有多个摩纳哥差异编辑器,差异将仅在第一个实例中可见

我有一个 Vue 组件,可以渲染 Monaco 的 diff 编辑器。 一旦我在同一页面上有多个实例,则差异仅显示在第一个实例中。 模板: 我有一个 Vue 组件,可以渲染摩纳哥的 diff 编辑器。 一旦我在同一页面上有多个实例,差异只会显示在第一个实例中。 模板: <template> <div> <div ref="diffEditor" class="vue--monaco-diff-editor"></div> </div> </template> 脚本: async mounted(): Promise<void> { await this.importMonacoPackage(); this.$nextTick(() => { if (!monaco) { throw new Error('monaco is not initialized'); } const originalModel = monaco.editor.createModel( this.versions[0].code, MonacoHelper.markdownLangToMonacoLang(this.versions[0].lang), ); const modifiedModel = monaco.editor.createModel( this.versions[1].code, MonacoHelper.markdownLangToMonacoLang(this.versions[1].lang), ); let diffEditorElement = this.$refs.diffEditor; this.diffEditor = monaco.editor.createDiffEditor( diffEditorElement as HTMLElement, { scrollbar: { vertical: 'hidden', horizontal: 'hidden', handleMouseWheel: true, }, wordWrap: 'on', readOnly: true, scrollBeyondLastLine: false, minimap: { enabled: false, }, automaticLayout: true, }, ); if (!this.diffEditor) { return; } this.diffEditor.setModel({ original: originalModel, modified: modifiedModel, }); // set the editor height to scale with the content height automatically // see https://github.com/microsoft/monaco-editor/issues/794 const originalContentHeight = this.diffEditor .getOriginalEditor() .getContentHeight(); const modifiedContentHeight = this.diffEditor .getModifiedEditor() .getContentHeight(); let contentHeight = Math.max( originalContentHeight, modifiedContentHeight, ); // allow for a single empty line at the bottom, default line height is 18px contentHeight = contentHeight + 18; const domNode = this.diffEditor.getDomNode(); domNode.style.height = `${contentHeight}px`; this.diffEditor.layout(); }); }, methods: { async importMonacoPackage() { // eslint-disable-next-line import/no-unresolved monaco = await import('../../../lib/monaco-editor'); }, }, 我正在使用 “摩纳哥编辑器”:“^0.24.0”,“vue”:“^2.6.13”。 有什么想法我做错了吗?为什么只是第一个实例显示差异突出显示? 使用动态id,例如 monaco-editor+new Date().getTime() 或 +random()

回答 1 投票 0

如何使用 Monaco Editor 扫描代码库以获取补全建议?

我正在编写一个使用 Monaco Editor 的 Electron(或 Tauri)应用程序。 自动完成确实会提供当前文档以及您正在使用的语言的建议,但我不确定如何...

回答 1 投票 0

摩纳哥编辑器 - `Action` 和 `Command` 之间的区别?

在monaco编辑器实例中,可以调用addAction或addCommand 两者都提供了根据关键事件执行功能的能力 在线游乐场提供了如何添加命令或......的示例

回答 2 投票 0

如何在摩纳哥编辑器中选择整个范围?

我使用以下代码来替换编辑器中的文本。 (请参阅执行编辑。) const text = "我的新文本" 常量范围 = { 起始行号: 1, 起始列:1, 结束行号:9999...

回答 1 投票 0

如何制作monaco-editor块窗口对象和文档对象?

由于特殊需求,需要让用户尽量不要使用窗口或文档对象,如果用户输入窗口或文档使得monaco-editor不会出现代码提示; 我

回答 1 投票 0

摩纳哥编辑器缺少图标

Moncao Editor (0.20) 中的图标丢失,它们在我的实例中仅显示为空白方块。为了让它们出现在我的 Vue (2.x) 应用程序中,我缺少什么? 在 Devtools > Elements 中,c...

回答 2 投票 0

如何在React js中删除Monaco编辑器中的小地图、滚动条以及如何禁用Monaco编辑器中的写入?

我正在使用 Monaco 编辑器和 React。运行良好。但我想删除其中的小地图和滚动条。我怎样才能删除它们?我想禁用其中的编辑。我怎样才能实现这些

回答 2 投票 0

如何正确初始化和使用摩纳哥编辑器分词器?

正如标题所述,我已经花了一周时间寻找如何让分词器工作。 IE。如果我做类似的事情: 从“monaco-editor-core”导入*为monaco; 常量代码=“

回答 1 投票 0

Monaco 编辑器和 Typescript:如何添加全局类型?

如何指示 Monaco 编辑器一组类型是全局的?这是我尝试过的。通过下面的设置,我可以成功编写 import type { Foo } from "my-lib";进入摩纳哥

回答 1 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.