javascript - 文本区域的动态大小

Question

我正在使用 CodeMirror 2编辑。问题是我无法将其设为全尺寸(100%；100%)。我在主样式中添加了:

.CodeMirror {
    height: 100%;
    width: 100%;
}

这在任何浏览器中对我都不起作用。有什么办法吗？

Answer 1

我在 http://jsbin.com 中使用以下代码拉伸(stretch) CodeMirror 框架(注意 JS Bin 特别拉伸(stretch)到半屏宽度，但下面的示例代码执行“全屏”):

.CodeMirror {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

我不记得 CodeMirror 是否默认添加该类，但如果没有，您还需要在 JavaScript 中添加它(假设您还没有解决这个问题):

CodeMirror.fromTextArea('ID_OF_TEXTAREA', {
  // .. some other options...
  iframeClass: 'CodeMirror'
});