You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

CodeMirror激活行高亮失效求助:已引入active-line.js但无效果

解决CodeMirror激活行高亮无效的问题

嘿,我一眼就看出问题啦!你已经正确引入了active-line.js插件,但漏掉了在CodeMirror初始化配置里启用它的关键步骤。

要让激活行高亮生效,只需要在初始化配置中添加styleActiveLine: true这个选项就行,具体修改后的代码如下:

<script>
CodeMirror.fromTextArea(document.getElementById("maple_code"), {
  lineNumbers: true,
  mode: "text/x-mysql",
  styleActiveLine: true // 启用激活行高亮的核心配置
});
</script>

补充几个排查点,以防还是没生效:

  • 检查浏览器控制台,确认active-line.js有没有成功加载(没有404错误)
  • 确保codemirror.css里的.CodeMirror-activeline相关样式没有被你自己的自定义CSS覆盖
  • 如果你用的是较新版本的CodeMirror,这个功能已经内置,不需要额外引入active-line.js,不过你已经引入了也不会有冲突

内容的提问来源于stack exchange,提问作者Morgan

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.05.27 09:41:51