Question

我正在尝试通过设置周围的div来设置摩纳哥编辑器的字体大小。那种方式不起作用。所以我看到摩纳哥编辑器有一个属性字体大小。所以我尝试了这个属性。不幸的是，这对我也没有用。最好的方法是使用CSS，因为我同时设计了一些东西。

Answer 1

我不确定是否可以使用CSS为编辑器设置样式。但是，您可以使用fontSize属性更改编辑器的字体大小。

monaco.editor.create(document.getElementById("container"), {
    value: "function hello() {\n\talert('Hello world!');\n}",
    language: "javascript",
    fontSize: 20
});

Answer 2

有一个用于设置字体大小，字体系列等的API，请尝试不要在DOM中破解，因为将来可能会不兼容：

var editor = monaco.editor.create(document.getElementById("container"), { value: "// First line\nfunction hello() {\n\talert('Hello world!');\n}\n// Last line", language: "javascript", fontSize: "12px", lineNumbers: "off", roundedSelection: false, scrollBeyondLastLine: false, readOnly: false, theme: "vs-dark", });

只需转到此处：https://microsoft.github.io/monaco-editor/playground.html#creating-the-editor-editor-basic-options并开始输入属性，它将自动完成，您将看到带有hdescriptions的所有可用配置属性-或者转到api docs参考。祝你好运

摩纳哥编辑器设置字体大小

2 个答案: