Javascript Codemirror-最小行数
Anbody是否有最小行数的解决方案 最小高度适用于我,但不要为高度插入空行 JSJavascript Codemirror-最小行数,javascript,css,codemirror,Javascript,Css,Codemirror,Anbody是否有最小行数的解决方案 最小高度适用于我,但不要为高度插入空行 JS var editor = CodeMirror.fromTextArea(document.getElementById("code"), { lineNumbers: true, gutter: true, lineWrapping: true }); .CodeMirror-scroll { overflow: auto; height: auto; overflow: vi
var editor = CodeMirror.fromTextArea(document.getElementById("code"), {
lineNumbers: true,
gutter: true,
lineWrapping: true
});
.CodeMirror-scroll {
overflow: auto;
height: auto; overflow: visible;
position: relative;
outline: none;
min-height: 300px; /* the minimum height */
}
CSS
var editor = CodeMirror.fromTextArea(document.getElementById("code"), {
lineNumbers: true,
gutter: true,
lineWrapping: true
});
.CodeMirror-scroll {
overflow: auto;
height: auto; overflow: visible;
position: relative;
outline: none;
min-height: 300px; /* the minimum height */
}
也许有一种简单的方法可以插入空行?删除
最小高度:300px代码>并使用新行作为起始值初始化编辑器:
var minLines=3;
var起始值=“”;
对于(变量i=0;i
目前,CodeMirror的值
选项似乎对2.21版之前的版本没有影响。初始化后使用setValue()
可以轻松绕过此问题:
//。。。
//与前面一样初始化,忽略值选项
编辑器。设置值(起始值);
注意:
确保不要设置自动清除空行:true
,因为它会冲突并取消插入的空行。所以伙计们,我找到了解决方案。
由于任何原因,编辑器都无法从配置选项中获取值
,因此我在其后面设置了值@Eliran谢谢,我用你的方法设置了值
editor.setValue(startingValue);
演示
我就是这样做的,我扩展了fromTextArea()
以启用minLines
选项
这是我的名片
//设置CodeMirror实例允许的最小行数
CodeMirror.fromTextArea=(函数(fromTextArea){
返回函数(文本区域、选项){
变量编辑器=fromTextArea(textarea,选项);
如果(options.minLines!==未定义){
options.minLines=parseInt(options.minLines);
如果(options.minLines==NaN)抛出类型错误();
如果(options.minLines)检查JS控制台。您没有在文档中包含CodeMirror脚本,请查看左侧的选项卡:“管理资源”,减号的链接已断开。修复此问题,将样式重置为默认值(删除min height
等)并且进一步研究。这个解决方案现在对我有效,但在删除后,通过CMD+A和Backspace,编辑器重置的空行已经存在问题。如果我正确理解@mrzmyr,我也认为这是一个问题。此外,当您键入代码时,当您插入新行时,这些空行会被推到底部。它不会看起来不太好。无论如何,显然没有简单/标准的解决方案。Thx人,它起作用了!@Eliran在很多事情上都是正确的,所以我修复了你的JSFIDLE:)谢谢,我正在通过jQuery加载,出于某种原因不得不使用这种方法。尽管这是公认答案的一部分,但我完全错过了它。