问题描述
我当前正在使用CodeMirror在浏览器的文本区域中编辑CODE。如果我有20行以上的代码,则它将在右侧添加垂直滚动条。但是我不需要这个滚动条。相反,我需要编辑器的大小垂直增加。
I am currently using CodeMirror to edit CODE in text area in browser. If i have more than 20 lines of code, it is adding a vertical scroll bar to right. But i do not need this scroll bar. Instead i need the editor size to grow vertically.
任何人都可以帮忙吗?
推荐答案
在CodeMirror 3中,有一个选项可以禁用滚动条: scrollbarStyle: null
In CodeMirror 3, there is an option to disable the scrollbars : scrollbarStyle: "null"
来自文档:
选择滚动条实现。默认值为本地,显示本地滚动条。核心库还提供了 null标记。样式,它完全隐藏了滚动条。附加组件可以实现其他滚动条模型。
Chooses a scrollbar implementation. The default is "native", showing native scrollbars. The core library also provides the "null" style, which completely hides the scrollbars. Addons can implement additional scrollbar models.
将其与以下内容组合:
- 自动高度:
height:自动
&viewportMargin:无限
(例如:) - 包装线:
lineWrapping:true
- automatic height:
height: auto
&viewportMargin: Infinity
(Example: http://codemirror.net/demo/resize.html) - wrapping lines:
lineWrapping: true
然后控制父div的高度/宽度效果很好
And then controlling the height/width of the parent div works well
这篇关于CodeMirror。禁用垂直滚动条的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!