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创建代码段。我有两个问题。首先是javascript没有正确着色。我已经包含了所有依赖项（xml，css和js）。第二个是当我将鼠标悬停在滚动上时，滚动会导致代码片段略微向上或向下移动。它不是很滚动，只是摆动。有关详细信息，请参见图片。

非常感谢所有帮助。

Answer 1

$('.code).each(function() {
     var $this = $(this),
     $code = $this.html(),
     $unescaped = $('<div/>').html($code).text();
     $this.empty();
     CodeMirror(this, {
      value: $unescaped,
      lineNumbers: true,
      theme: "neo",
      readOnly: "nocursor"
    });
   });

这对我来说很好