codemirror - codemirror html混合モードがJavaScriptに適用されていない

Question

$('.code').each(function() {
var $this = $(this),
$code = $this.html();

$this.empty();

var myCodeMirror = CodeMirror(this, {
    value: $code,
    mode: 'htmlmixed',
    lineNumbers: false,
    readOnly: true,
    lineWrapping: true
});

});

codemirror を使用してコード スニペットを作成しています。2 つの問題があります。1 つ目は、javascript が適切に色付けされていないことです。すべての依存関係 (xml、css、および js) を含めました。2 つ目は、 にカーソルを合わせると、スクロールによってスニペットがわずかに上下に移動することです。それは完全にスクロールするのではなく、ただ小刻みに動かします。詳しくは画像をご覧ください。

すべての助けをいただければ幸いです。