html - 如何使 codemirror 响应

Question

我看过几个地方，但我无法让我的代码镜像响应，我试过了

.CodeMirror {
  border: 1px solid #eee;
  height: auto;
  word-wrap: break-word;
}

但是当有人不给空间/跳转到另一行时，codemirror 比我的容器宽： image

这是我的代码：

      var editor = CodeMirror.fromTextArea(document.getElementById("editor"), {
    lineNumbers: true
  });

.CodeMirror {
  border: 1px solid #eee;
  height: auto;
  word-wrap: break-word;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.32.0/codemirror.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.32.0/codemirror.min.css" rel="stylesheet"/>
  <div class="form-group">
    <label for="exampleFormControlTextarea1">Detailed description of your Server * min. 300 chars(Markdown SUPPORTED)</label>
<textarea id="editor">

</textarea>
  </div>

甚至我的 div 的大小也发生了变化，之前

后

标签： htmlcsscodemirror