5

http://fiddle.jshell.net/tLth8/6/show/

IE <9 では、コードが強調表示されますが、新しい行は無視され、コードはすべて以下のように 1 行に表示されます ie<9 でのコードのレンダリング方法

以下のようなソースコードのように、行を適切にレンダリングするにはどうすればよいですか

コードのレンダリング方法 (google chrome)

私はcssを変更しようとしましたが、行はdisplay:block;異なりますが、違いはありません

私が試したこと

.CodeMirror pre {
    display:block;
}
.CodeMirror-lines div{
    display:block;
}

jQuery ソース:

$("span.code, div.code").each(function () {

    var $this = $(this),
        isdiv = $this.is("div"),
        $code = (isdiv) ? $this.html().replace(/^(\r\n)|(\n)/, ''):$this.html(),
        $unescaped = (isdiv) ? $('<div/>').html($code).text() : $('<span/>').html($code).text();

    $this.empty();
    if (isdiv) {
        $this.css({
            "display": "block"
        });
        $this.after('<div class="clear"/>');
    }

    var editor = CodeMirror(this, {
        value: $unescaped,
        mode: (isdiv) ? "text/html" : "javascript",
        lineNumbers: (isdiv) ? true : false,
        readOnly: false
    });
    if (isdiv) {
        var linecount = editor.lineCount();
        for (j = 0; j < linecount; j++) {
            editor.indentLine(j);

        }
    }
});
4

1 に答える 1

1

私は常に textarea タグを使用して codemirror を初期化してきました。メインサイトでのやり方です。

テストしたところ、ie8、ie9で動作しました。

var editor = CodeMirror.fromTextArea(document.getElementById("code"), {
             mode: 'htmlmixed', 
             tabMode: "indent"
});
于 2013-03-15T05:48:04.830 に答える