javascript - codemirror で TextArea の高さと幅を変更する

Question

私はxml、javaプログラムを持つウェブサイトを開発しています。そこで、TextArea にプログラムを表示するために CodeMirror を選びました。無事表示できました。デフォルトheightは300pxですcodemirror.css。codemirrorでプログラムでTextAreaの高さと幅を変更する方法は?

Answer 1

CodeMirror のユーザー マニュアルはあなたの味方です。

コード例:

<textarea id="myText" rows="4" cols="10"></textarea>

<script type="text/javascript" language="javascript">
    var myTextArea = document.getElementById('myText');
    var myCodeMirror = CodeMirror.fromTextArea(myTextArea);
    myCodeMirror.setSize(500, 300);
</script>

Answer 2

上記の解決策を使用しましたが、1 行が長すぎてラッパーから抜け出してレイアウトが壊れた場合、常にこのオプションに苦労していました。lineBreak オプションを使用したくなかったので、次のように定義しました。

<div class="container">
  <textarea id="codemirror">
</div>

スタイルは次のとおりです。

.container {
  position: relative;
  height: {as you want}
  width: 100%;
}

#codemirror {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}