标签: monaco-editor

如何在monaco编辑器实例中设置标签宽度?

我想在monaco编辑器的实例中设置缩进宽度(在空格中).

到目前为止,我已经能够通过在IEditorOptions初始化期间传入任何选项来自定义许多选项.也可以稍后使用updateOptions编辑器实例上的方法自定义这些选项,如以下示例所示:

// Many settings can be applied at initialization
var editor = monaco.editor.create(
  document.getElementById("editor"), {
    language: "html",
    value: "<p>Hello World!</p>",
});

// ... they can also be changed later ...
editor.updateOptions({
  lineNumbers: true,
})

// ... however, tabSize is not among the settings that can be modified --
// the following has no effect:
editor.updateOptions({
  tabSize: 2,
})
Run Code Online (Sandbox Code Playgroud)

但是,该接口中没有定义tabSize设置,而是一个单独的接口,我无法找到绑定(代码搜索找到接口定义).FormattingOptions

你能帮我调整一下这个设置吗?我的猜测是我误解了(其他优秀的)编辑器文档,所以任何导航它的帮助都会非常有帮助.

与往常一样,任何想法和提示都非常受欢迎. …

javascript typescript monaco-editor

7
推荐指数
1
解决办法
1535
查看次数

如何将 C# 库添加到 Monaco 编辑器(代码完成)并限制可能的库?

如何将我的自定义 C# 程序集添加到 Monaco 编辑器,以便编辑器识别/完成我的程序集类型?

我该如何选择和限制 Monaco Editor 可以使用的 .net 库?

提前致谢。

c# editor visual-studio-monaco monaco-editor

7
推荐指数
1
解决办法
1200
查看次数

摩纳哥编辑器中的选项卡

如何在 Visual Studio Code 等 Monaco 编辑器中制作选项卡?例如,这就是我的意思。 在此处输入图片说明

javascript c# tabs monaco-editor

7
推荐指数
1
解决办法
3847
查看次数

Monaco 编辑器:突出显示 Python 中的语法错误

我想在浏览器中突出显示 Python 语法错误。

我发现Python有LSP实现摩纳哥编辑器有LSP客户端

有什么方法可以将它们连接在一起吗?

python monaco-editor language-server-protocol

7
推荐指数
1
解决办法
3038
查看次数

如何以角度创建摩纳哥编辑器自定义语言?

我尝试使用自动完成功能(智能感知)创建自定义语言。它不起作用。任何人都可以帮助我实现这一目标。

代码

https://stackblitz.com/edit/angular-7-master-emjqsr?file=src/app/app.module.ts

javascript monaco-editor angular

7
推荐指数
1
解决办法
3013
查看次数

Monaco 编辑器 - 为 Lua 添加君主多行字符串标记

所以我正在使用 Monarch 和 Monaco 编辑器创建一个“lua”标记生成器,我有基本的变量和内容设置,但唯一的问题是我不知道如何添加多行字符串。

我看到他们用自己的摩纳哥做到了这一点,但使用的是相同的字符`,但是对于lua来说,要创建一个多行字符串,您需要使用[[并关闭它]]

示例中 javascript multiline 的图像。 https://i.stack.imgur.com/5zM9i.png

这是(根据我的理解)他们在 Monarch 中使用的代币

// strings
[/`/, 'string', '@string_backtick'],

string_backtick: [
    [/\$\{/, { token: 'delimiter.bracket', next: '@bracketCounting' }],
    [/[^\\`$]+/, 'string'],
    [/@escapes/, 'string.escape'],
    [/\\./, 'string.escape.invalid'],
    [/`/, 'string', '@pop']
],
Run Code Online (Sandbox Code Playgroud)

lua token monaco-editor

7
推荐指数
0
解决办法
630
查看次数

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

有没有办法获取 Monaco 的可用命令/操作及其 ID 的列表,例如editor.action.formatDocument

文档中似乎没有任何内容,我正在努力在 VS Code 存储库中查找注册的操作和命令。命令面板显示了其中的大部分,但如果您想使用 手动调用它们,则不会显示它们的 ID executeCommand

javascript monaco-editor

7
推荐指数
1
解决办法
4876
查看次数

为摩纳哥编辑器添加更多语义突出显示

以下是 Monaco Editor (0.21.0) 实例的代码:

在此输入图像描述

这是 VS Code

在此输入图像描述

正如您所知,VS Code 更多地通过.log、参数、运算符+等中的颜色来定义。如何让 Monaco Editor 的顶级版本像 VS Code 那样着色?

monaco-editor

6
推荐指数
0
解决办法
596
查看次数

Monaco 编辑器默认 json uri 模式

我正在使用摩纳哥编辑器来编辑 JSON,我想设置自定义诊断选项。我正在尝试https://microsoft.github.io/monaco-editor/playground.html#extending-language-services-configure-json-defaults

// Configures two JSON schemas, with references.

var jsonCode = [
    '{',
    '    "p1": "v3",',
    '    "p2": false',
    "}"
].join('\n');
var modelUri = monaco.Uri.parse("a://b/foo.json"); // a made up unique URI for our model
var model = monaco.editor.createModel(jsonCode, "json", modelUri);

// configure the JSON language support with schemas and schema associations
monaco.languages.json.jsonDefaults.setDiagnosticsOptions({
    validate: true,
    schemas: [{
        uri: "http://myserver/foo-schema.json", // id of the first schema
        fileMatch: [modelUri.toString()], // associate with our model
        schema: {
            type: "object",
            properties: {
                p1: …
Run Code Online (Sandbox Code Playgroud)

json monaco-editor angular ngx-monaco-editor

6
推荐指数
1
解决办法
3278
查看次数

在摩纳哥编辑器中,我可以使用“前提条件”控制上下文菜单项的可见性吗?

使用 monaco-editor 的 Editor.addEditorAction 函数,我希望添加的操作仅在某些条件下可见。我可以为此使用前置条件参数吗?

如何?

它有一种字符串类型,因此不确定如何传递一个计算结果为 true 或 false 的变量...

javascript monaco-editor

6
推荐指数
0
解决办法
283
查看次数