项目中需要使用代码编辑器插件,于是找到了CodeMirror,这个插件功能十分强大,官网地址:
把插件集成到项目中后发现,这个插件的默认高度是300px:
但是需求是高度根据内容自适应,dmeo中有个resize的例子,效果如下:
按照demo,我也添加了这个类样式,但是没效果,再搜一下资料,发现需要再添加一个类样式,如下:
.CodeMirror {
border: 1px solid #eee;
height: auto;
}
.CodeMirror-scroll {
height: auto;
overflow-y: hidden;
overflow-x: auto;
}
问题解决。