12

CodeMirror は、テキストエリアに数行 (3 行以下) のコードしかない場合を除いて、非常にうまく機能しているようです。その場合、(A) テキストエリアで Enter キーを押すか、(B) ブラウザーに再描画 (サイズ変更など) をさせる何かを行うまで、テキストエリアは空白です。3 行以上ある場合、ページの最初のレンダリングで問題なく表示されます。

私はここで空想的なことは何もしていません:

var editor = CodeMirror.fromTextArea(document.getElementById('html'), {
    mode: 'text/html',
    tabMode: 'indent',
    lineNumbers: true
});

他の誰かがこの問題を抱えているかどうか疑問に思っています。

4

2 に答える 2

0

0 ～ 2 行のコードをいくつかの異なる方法で使用して、Chrome で問題のないシナリオをセットアップしました。

インクルードのコードミラーに直接リンクしました。

最新版はありますか？

どのような環境で問題が発生していますか?

おそらくブラウザ固有の問題でしょうか？

<link rel="stylesheet" href="http://codemirror.net/lib/codemirror.css">
<script src="http://codemirror.net/lib/codemirror.js"></script>
<script src="http://codemirror.net/addon/fold/foldcode.js"></script>
<script src="http://codemirror.net/addon/fold/foldgutter.js"></script>
<script src="http://codemirror.net/addon/fold/brace-fold.js"></script>
<script src="http://codemirror.net/addon/fold/xml-fold.js"></script>
<script src="http://codemirror.net/mode/javascript/javascript.js"></script>
<script src="http://codemirror.net/mode/xml/xml.js"></script>

<textarea id='someID1'></textarea>

<textarea id='someID2'>
    <table><tr><td>The wheels on the bus go round and round.</td></tr>
    </table>
</textarea>

<script>
    var editor = CodeMirror.fromTextArea(document.getElementById('someID1'), {
        mode: 'text/html',
        tabMode: 'indent',
        lineNumbers: true
    });

    CodeMirror.fromTextArea(document.getElementById('someID2'), {
        mode: 'text/html',
        tabMode: 'indent',
        lineNumbers: true
    });
</script>
于 2013-07-22T19:23:37.120 に答える