您的位置：首页 > 其它

CodeMirror插件的高度自适应问题

2017-01-12 16:21 4387 查看

项目中需要使用代码编辑器插件，于是找到了CodeMirror，这个插件功能十分强大，官网地址：

https://codemirror.net/

把插件集成到项目中后发现，这个插件的默认高度是300px：

但是需求是高度根据内容自适应，dmeo中有个resize的例子，效果如下：

按照demo，我也添加了这个类样式，但是没效果，再搜一下资料，发现需要再添加一个类样式，如下：

.CodeMirror {
border: 1px solid #eee;
height: auto;
}

.CodeMirror-scroll {
height: auto;
overflow-y: hidden;
overflow-x: auto;
}

问题解决。

参考资料：

https://codemirror.net/2/demo/resize.html

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： codemirror 插件编辑器 height 自适应

相关文章推荐

新的分享

章节导航