Javascript CodeMirror HTML模式不工作

我试图用CodeMirror设计代码示例的样式，但它部分起作用-它将所选主题应用于

textarea

，但语法没有突出显示

这是我的页面：

在此处输入您的xml，然后按下面的按钮将其显示为CodeMirror xml模式突出显示的内容
var-config，编辑器；
配置={
行号：对，
模式：“文本/html”，
主题：“氛围”，
indentWithTabs:false，
只读：正确
};
editor=codemirr.fromTextArea（document.getElementById（“模板html”），config）；
函数selectTheme（）{
编辑器.setOption（“主题”、“日光化黑暗”）；
}
设置超时（选择主题，5000）；

这是结果的图像。它似乎可以工作，但没有语法突出显示（图片顶部），我也尝试过没有CSS，但结果是一样的（图片底部）：

---

问题在于

模式：“text/html”

似乎工作不正常，如果我使用

模式：“javascript”

它会根据javascript语法规则为标记着色。如何解决此问题？

CodeMirror使用XML模式解析HTML。要使用它，必须包括与任何其他模式相同的适当脚本

在标记中添加其依赖项：

并将模式设置为

xml

：

config={
模式：“xml”，
// ...
};

此外，您可能希望将解析器配置为允许非格式良好的XML。您可以通过打开

htmlMode

标志来执行此操作：

config={
模式：“xml”，
htmlMode：是的，
// ...
};

---

请参阅以获取一个实例。

以防万一，如果我的经验对某人有帮助

我犯了以下错误：

<script src="lib/codemirror.js"></script>
<script type="text/javascript">
    const editor = CodeMirror.fromTextArea(document.getElementById('textarea'), {
        mode: "css",
        lineNumbers: true,
        foldGutter: true,
        gutters: ["CodeMirror-linenumbers", "CodeMirror-foldgutter", "CodeMirror-lint-markers"],
        lint: true
    });
</script>
<script src="addons/lint/lint.js"></script>
<script src="addons/lint/css-lint.js"></script>
<script src="addons/fold/brace-fold.js"></script>
<script src="addons/fold/foldcode.js"></script>
<script src="addons/fold/foldgutter.js"></script>
<script src="addons/fold/indent-fold.js"></script>
<script src="addons/fold/markdown-fold.js"></script>
<script src="mode/css.js"></script>
<script src="//unpkg.com/csslint@1.0.5/dist/csslint.js"></script>

常量编辑器=CodeMirror.fromTextArea（document.getElementById（'textarea'）{
模式：“css”，
行号：对，
福格特：没错，
排水沟：[“CodeMirror线号”、“CodeMirror折叠器”、“CodeMirror绒线标记”]，
林特：是的
});

---

这是错误的：我调用了第一个codemirror.js-main文件，然后初始化了编辑器，然后调用了它的资产。在这种情况下，它不起作用，我花了很长时间才发现问题（我是在WordPress中做的，所以我只是让我的脚本只依赖codemirror.js）。

是的，我丢失了很多文件，但你给了我正确的方法：我建议你，让我更好地了解codemirror。我有一个与OP类似的问题，除了我尝试使用速度模式。我已经导入了xml脚本，但是自动关闭无论如何都不想工作。您是否知道速度是否应该符合设计的自动关闭标签设置？