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

Question

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

Answer 1

有一个用于设置字体大小、字体系列等的 API，尽量不要在 DOM 中进行 Hack，因为将来可能不兼容。

对于您的情况，请尝试以下操作：

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",
});

查看Monaco Editor Playground 的基本编辑器选项 并开始输入属性。它将自动完成，您将看到所有可用的配置属性及其描述 - 或者转到 api 文档参考。祝你好运

Answer 2

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

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