CodeMirror设置高度自适应

1.添加全局样式

.CodeMirror {border: 1px solid #eee;height: auto !important;/*min-height: 100px;*/
}.CodeMirror-scroll {height: auto !important;min-height: 100px;/*overflow-y: hidden;*//*overflow-x: auto;*/
}

2.html

允许设置最小高度

<textarea  id="xxx"  style="min-height: 55px;"> </textarea>

3.js

配置随意

var elemenet= $('#xxx')[0];
var opt = {mode: "text/x-sql",lineNumbers: false,extraKeys: {"Alt-/": "autocomplete"},// smartIndent : true,matchBrackets: true,scrollbarStyle: null,lineWrapping: true,styleActiveLine: true,}
var editor= CodeMirror.fromTextArea(elemenet, opt);

CodeMirror设置高度自适应相关推荐

vue codemirror 设置高度无效的解决办法
最近使用vue-codemirror发现设置高度怎么都不生效,网上的办法都用了也不行,最后终于摸索出解决办法首先是坑不能使用scss, 只有使用css才有效要给.CodeMirror-scrol ...
微信小程序图片实现宽度100%，高度自适应
图片样式设置宽度100%,然后设置高度自适应 .img{width: 100%; } 然后标签内增加属性 mode="widthFix" <image class=&quo ...
css高度自适应出现盒子高度塌陷问题
在网页布局中经常会遇到想给盒子设置高度自适应但出现高度塌陷问题,造成这个问题的原因就在于父盒子没有设置高度,子盒子有浮动这里有四种解决高度塌陷的方法一.给父盒子添加高度,这个可以从根本上解决问题, ...
html div 自动适应屏幕,css怎么让高度自适应屏幕高度？
在一个DIV中有多个未知高度的子元素DIV,怎样通过CSS实现子元素div同高或怎样实现同行div按照内容最多的那个设置高度.下面我们来看一下css设置高度自适应屏幕高度的方法. 首先,我们刚开始设计 ...
HTML变列自适应布局三行,CSS三行三列DIV高度自适应的设置
上一篇博客里引用了www.52css.com里的一篇关于使用脚本控制三行三列div高度自适应的设置方法,其实不必如此麻烦,只要给父div设置一个固定高度,比如10px,其子div的height:100 ...
设置背景图片的两种方式，并解决手机端背景图片高度自适应问题
设置背景图片的两种方式,并解决手机端背景图片高度自适应问题参考文章: (1)设置背景图片的两种方式,并解决手机端背景图片高度自适应问题 (2)https://www.cnblogs.com/Dark ...
html列自动变高,HTML_CSS三行三列DIV高度自适应的设置，用脚本控制三行三列div高度自 - phpStudy...
CSS三行三列DIV高度自适应的设置用脚本控制三行三列div高度自适应的设置方法,其实不必如此麻烦,只要给父div设置一个固定高度,比如10px,其子div的height:100%就可实现高度自适应 ...
微信小程序 - 设置图片高度自适应（宽度固定）
我们要放入多张一样宽度不一样高度的图片的时候,我们不能同时都设置固定的高度,这样会使得一些图片被挤压或者有些会出现空白的现象,这些都不能满足我们的需求,所以我来说一下如何实现图片高度自适应. 我们 ...
css设置元素网页高度自适应,css高度自适应如何实现？css高度根据内容自适应的简单方法...
在进行网页开发时,可能会遇到这样的情况,网页中的内容会超出你原先设置的高度或者宽度,这时就需要实现高度自适应或者宽度自适应,下面这篇文章将给大家来介绍关于css高度自适应. PS:css宽度自适应的介 ...

CodeMirror设置高度自适应

1.添加全局样式

2.html

3.js

CodeMirror设置高度自适应相关推荐

最新文章

热门文章