CodeMirror 如何调整高度与宽度？

最新推荐文章于 2025-06-18 09:03:20 发布

原创最新推荐文章于 2025-06-18 09:03:20 发布 · 1.9w 阅读

2 ·

CC 4.0 BY-SA版权

本文介绍如何使用CodeMirror的editor.setSize方法解决SQL输入框显示为细长条的问题，并提供了一个简单的示例代码。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

今天在做项目开发的时候需要使用CodeMirror的代码高亮功能做一个SQL语句的输入框，但是页面显示一直是细细的一条输入框，根据网上的修改CSS文件，或者直接配置参数都无效，最后查资料发现通过editor.setSize方式可以设置，特来做个笔记供大家参考。

附代码及解决办法：

var editor = CodeMirror.fromTextArea(document.getElementById("code"), {
      lineNumbers: true,
      matchBrackets: true,
   });
   editor.setSize('auto','300px');

如上述代码，使用editor.setSize来设置。editor.setSize('width','height');