问CodeMirror。禁用垂直滚动条

EN

在CodeMirror 3中，有一个禁用滚动条的选项：scrollbarStyle: "null"

从文档中：

scrollbarStyle:字符串

选择scrollbar实现。默认值是" native "，显示本机滚动条。核心库还提供了"null“样式，它完全隐藏了滚动条。插件可以实现额外的滚动条模型。

将其与以下各项相结合：

线条自动高度：& viewportMargin: Infinity (示例：http://codemirror.net/demo/resize.html)

• wrapping height: auto：viewportMargin: Infinity

然后控制父div的高度/宽度就能很好地工作。

CodeMirror doco谈到了一个样式CodeMirror-scroll，它控制滚动条是否出现，以及文本区是否扩展以适应内容。具体来说，它说：

溢出CodeMirror-scroll编辑器是否滚动(

：自动+固定高度)。默认情况下，它是这样的。将CodeMirror类设置为height: auto并赋予该类overflow-x: auto；overflow-y: hidden；将导致编辑器调整大小以适应其内容。

因此，我们的想法是向您自己的CSS添加类似以下内容的内容：

.CodeMirror {
  border: 1px solid #eee;
  height: auto;
}
.CodeMirror-scroll {
  overflow-y: hidden;
  overflow-x: auto;
}

如CodeMirror-scroll.样式文档附带的官方演示中的here所示

对我起作用的是：

对于我使用CodeMirror 2.34的个人情况，我所做的就是将以下样式添加到我自己的样式表中：

div.CodeMirror-scroll { height: auto!important; overflow: visible; }

CodeMirror 3：

在我对CodeMirror 3进行的简短的初始测试中，上述两种技术都不起作用，我仍然得到了滚动条。很有趣，因为你会认为官方的文档主题应该是有效的-除非CodeMirror 3已经改变了一些样式，文档还没有跟上……

对于我使用display:flex包装元素上的codemirror textarea，修复了不必要的水平滚动问题：

<div style='display: flex'>
  <textarea></textarea>
</div>
<script>
//codemirror setup
</script>