html code不起作用,CodeMirror HTML模式不起作用

我正在尝试使用CodeMirror设置代码示例样式,但它部分工作 - 它将所选主题应用于textarea但不突出显示语法.

有我的页面:

Enter your xml here and press the button below to display it as highlighted by the CodeMirror XML mode

var config, editor;

config = {

lineNumbers: true,

mode: "text/html",

theme: "ambiance",

indentWithTabs: false,

readOnly: true

};

editor = CodeMirror.fromTextArea(document.getElementById("template-html"), config);

function selectTheme() {

editor.setOption("theme", "solarized dark");

}

setTimeout(selectTheme, 5000);

这是结果的图像.它似乎工作,但没有语法高亮(图像顶部),我也尝试没有我的CSS,但结果是相同的(图像底部):

问题是mode: "text/html",如果我使用mode: "javascript"它似乎无法正常工作,它会通过JavaScript语法规则对标记进行着色.我怎样才能解决这个问题？