[英]How to change font for the CodeMirror editor
我正在尝试更改我的 CodeMirror 编辑器的字体系列和字体大小。 我尝试通过设置相应的 CSS 属性来更改它,但它似乎对我不起作用:
.codemirror-textarea {
font-family: Arial, monospace;
font-size: 16px;
}
我是否必须导入某些内容才能实现此目的,或者我可能必须直接编辑库 CSS 文件? 我究竟做错了什么?
尝试将 CSS 设置为:
.CodeMirror {
font-family: Arial, monospace;
font-size: 16px;
}
这将选择包含所有格式化代码的元素。
只是为了跟进接受的答案,我正在使用的 CodeMirror 版本(发布时为 5.55.0)需要一个通配符:
.CodeMirror * {
/* ^
*/
font-family: Arial, monospace;
font-size: 16px;
}
或者添加一个扩展
const customTheme = EditorView.theme({
'&': {
font:"'JetBrains Mono', monospace",
}
})
const startState = EditorState.create({
doc: page.text,
extensions: [
customTheme,
// ...
]
})
或者,如果你想从 JavaScript 这样做:
editor.getWrapperElement().style["font-size"] = size+"px";
editor.refresh();
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.