在使用 CodeMirror 时,如果行号与代码重叠,可能是因为 CSS 样式设置不正确。要解决这个问题,请按照以下步骤操作:
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.58.3/codemirror.min.css" />
请注意,您可能需要根据您使用的 CodeMirror 版本调整 URL。
.CodeMirror {
line-height: 1.5;
}
.CodeMirror-gutter-wrapper {
padding-right: 10px;
}
这些样式规则将设置 CodeMirror 编辑器的行高和行号区域的内边距,以避免行号与代码重叠。您可以根据需要调整这些值。
var editor = CodeMirror.fromTextArea(document.getElementById("code"), {
mode: "javascript",
lineNumbers: true,
});
</script>
请注意,您可能需要根据您使用的 CodeMirror 版本调整 URL。
领取专属 10元无门槛券
手把手带您无忧上云