CodeMirror 如何调整高度与宽度？

今天在做项目开发的时候需要使用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');

CodeMirror 如何调整高度与宽度？相关推荐

用js监控分辨率调整背景图片宽度_如何使用CSS Paint API动态创建与分辨率无关的可变背景
现代Web应用对图像的需求量很大,它们占据网络下载的大部分字节.通过优化它们,你可以更好地利用它们的性能.如果你碰巧使用几何图形作为背景图像,有一个替代方案:你可以使用CSS Paint API以编程 ...
java中如何设置浏览器宽度_[Java教程]关于JS中获取浏览器高度和宽度值的多种方法(多浏览器)_星空网...
关于JS中获取浏览器高度和宽度值的多种方法(多浏览器) 2017-08-07 0 三种浏览器获取值方法 IE中: document.body.clientWidth ==> BODY对象宽度 d ...
html 图片高度页面高度自适应,怎样让网页图片高度自适应宽度
[摘要] 你肯定知道width百分比可以实现图片宽度的自适应,那么你知道高度也可以根据宽度变话而自适应比变化么,看下本文就了解了! 当前响应式布局,内容尺寸自适应设备是众多网站开发者的选择,毕竟现在显 ...
如何设置对话框的最大（小）高度与宽度
关于如何设置对话框的最大(小)高度与宽度,网上有很多blog介绍了这个方面,我觉得有一篇写的比较好,先扒过来凑点字数以下内容转自http://www.youranshare.com/push/cod ...
Excel随着表格内容自动调整高度或宽度
2019独角兽企业重金招聘Python工程师标准>>> Excel随着表格内容自动调整高度或宽度在使用excel的时候,有时我们需要根据输入内容的多少调整表格的高度和宽度,如何让E ...
js和jQuery获取浏览器窗口的高度、宽度的方法详解
有三种方法能够确定浏览器窗口的尺寸(浏览器的视口,不包括工具栏和滚动条). 对于Internet Explorer.Chrome.Firefox.Opera 以及 Safari: window.inn ...
如何在Windows 10上更改任务栏的高度或宽度
Did you know Windows 10's taskbar can be resized? With a few clicks, you can make it even taller, gi ...
SuperSlide轮播插件滚动高度或宽度不对的问题解决
声明:本文由w3h5原创,转载请注明出处:SuperSlide轮播插件滚动高度或宽度不对的问题解决 SuperSlide 是一款比较实用的轮播插件,网站上常用的"焦点图/幻灯片"& ...
java 设置宽度和高度,如何通过设置高度和宽度来使宽度和高度反映ScaleTransform以及如何进行ScaleTransform？...
我有一个关于在Silverlight中使用Canvas上的ScaleTransform的问题,Canvas正确缩放,但是Height和Width值始终保持不变 . 例如一个100x100 Canvas ...

CodeMirror 如何调整高度与宽度？

CodeMirror 如何调整高度与宽度？相关推荐

最新文章

热门文章