HTMLM-режим CodeMirror не работает
Я пытаюсь стилизовать примеры кода с CodeMirror, но он работает частично - он применяет выбранную тему кtextarea но синтаксис не выделен.
Вот моя страница:
<textarea id="template-html" name="code" class="CodeMirror">
<!DOCTYPE html>
<foobar>
<blah>Enter your xml here and press the button below to display it as highlighted by the CodeMirror XML mode</blah>
<tag2 foo="2" bar="bar" />
</foobar>
</textarea>
<link rel="stylesheet" type="text/css" href="/site.com/css/codemirror/codemirror.css">
<link rel="stylesheet" type="text/css" href="/site.com/css/codemirror/theme/ambiance.css">
<link rel="stylesheet" type="text/css" href="/site.com/css/codemirror/theme/solarized.css">
<script type="text/javascript" src="/site.com/js/libs/codemirror/codemirror.js"></script>
<script type="text/javascript" src="/site.com/js/libs/codemirror/mode/javascript/javascript.js"></script>
<script type="text/javascript">
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);
</script>
Вот изображение результата. Кажется, это работает, но без подсветки синтаксиса (изображение вверху), я также пытался без моего CSS, но результат тот же (изображение внизу):
Проблема сmode: "text/html" который, кажется, не работает должным образом, если я используюmode: "javascript" он раскрашивает теги по правилам синтаксиса JavaScript. Как я могу это исправить?