Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/437.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/40.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Codemirror-最小行数_Javascript_Css_Codemirror - Fatal编程技术网

Javascript Codemirror-最小行数

Javascript 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

Anbody是否有最小行数的解决方案

最小高度适用于我,但不要为高度插入空行

JS

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加载,出于某种原因不得不使用这种方法。尽管这是公认答案的一部分,但我完全错过了它。