Я пытаюсь стилизовать примеры кода с 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. Как я могу это исправить?