Я посмотрел в нескольких местах, но я не могу сделать мой codemirror отзывчивым, я попытался
.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>
даже мой размер изменяется, до
после