css - Monaco Editor 设置字体大小

Question

我正在尝试通过设置周围 div 的样式来设置 monaco 编辑器的字体大小。那是行不通的。所以我看到 Monaco Editor 有一个属性字体大小。所以我用这个属性试了一下。不幸的是，这对我也不起作用。最好的方法是使用 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 for Basic Editor Options并开始输入属性。它将自动完成，您将看到所有可用的配置属性和描述 - 或者转到 api 文档引用。祝你好运