私はxml、javaプログラムを持つウェブサイトを開発しています。そこで、TextAreaでプログラムを表示するためにCodeMirrorを選択しました。私は正常に表示されました。デフォルトのheight
は300px
で、codemirror.css
です。コードミラーでプログラムでTextAreaの高さと幅を変更するには?コーデックミラーのTextAreaの高さと幅を変更
14
A
答えて
45
The CodeMirror user manual is your friend.
例コード:
<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>
2
クリスチャンからの答えは素晴らしいですが、アップだけでヘッド:
自動サイズ変更デモ。
CodeMirror {
border: 1px solid #eee;
height: auto;
}
autoにエディタの高さのスタイルを設定し、viewportMarginに無限の価値を与えることによって、CodeMirrorは自動的にその内容に合わせてサイズを変更させることができます。
+0
何らかの理由で、これは 'auto'以外の値では機能しません – Toast
4
myCodeMirror.setSize(null, 500);
あなたは、その次元を変更してはならないことを示すために、それらのいずれかのためにnullを渡すことができます。
cm.setSize(width: number|string, height: number|string)
プログラム(該当 CSSルールをオーバーライド)エディタのサイズを設定します。幅と高さは数字( ピクセルと解釈されます)またはCSS単位(たとえば100%)のいずれかです。 のいずれかにNULLを渡すと、そのディメンションを変更しないことを示すことができます。
関連する問題
- 1. SWFの幅/高さを変更する
- 2. 寸法、幅/高さの変更のみ
- 3. 自動変更イメージの幅/高さ
- 4. ウィンドウの幅/高さを変更するときのdivの自動サイズ変更
- 5. as3のswfの高さと幅を変更する問題?
- 6. ブートストラップのモーダルの幅と高さを変更する
- 7. Androidのボタンの幅と高さを変更する方法
- 8. 散布図のマーカーの幅と高さを変更する
- 9. ヘッダーの固定高さと幅を変更する(HTMLテーブル)
- 10. 画像の高さと幅を変更する
- 11. インラインリストの幅と高さを変更する
- 12. CGAffineTransformMakeRotationはUIViewの高さと幅を変更します
- 13. 変更相対的なレイアウトの幅と高さを動的
- 14. Html - スライダの幅と高さを変更する
- 15. jquerymobile ui-blocksの高さと幅を変更するには
- 16. jQueryスライダの幅と高さを変更する
- 17. テーブルセルの高さと幅を変更できません
- 18. 画像変更ソース属性jQueryの高さと幅の取得
- 19. jQueryダイアログでの幅と高さの自動サイズ変更
- 20. Javascript関数のサイズ変更ウィンドウの高さと幅
- 21. 応答幅の画面幅と高さで動的にJavascriptを変更
- 22. 固定幅の高さと可変幅のUWPを持つ
- 23. textareaの高さとスクロールフローの問題
- 24. jqueryで幅と高さをパーセントに変更
- 25. 反応グリッドレイアウトのアイテムの高さ/幅をプログラムで変更する
- 26. ウィンドウのサイズが変更されたときのスライダの幅と高さのサイズ変更
- 27. ドロップされた要素の高さと幅を動的に変更します
- 28. 方向変更後のUIViewの回転幅/高さの検出
- 29. SmartArtNodeの幅または高さを変更する
- 30. curlViewの高さ、幅を変更するには?
それは動いています。おかげです。 –