CodeMirror 2 – pouze zvýraznění (bez editoru)

Lze CodeMirror 2 použít ke zvýraznění kódu z DIV nebo PRE tag (bez editoru)?

Stejně jako CodeMirror 1 byl schopen pracovat s funkcí hightlightText()? Například zde:http://codemirror.net/1/highlight.html, po stisknutí tlačítka spustit zvýraznění (zvýrazněný text níže)

Může také zvýraznit kód z vloženého prvku, například <code> a udržujte výsledky inline, jako to dělá Prettify od Google?

Odpověď

Mnohem hezčím a jednodušším řešením je prostě nastavit vlastnost readOnly instance CodeMirror na true, takto:

$('.code').each(function() {

    var $this = $(this),
        $code = $this.html();

    $this.empty();

    var myCodeMirror = CodeMirror(this, {
        value: $code,
        mode: 'javascript',
        lineNumbers: !$this.is('.inline'),
        readOnly: true
    });

});

Stačí přidat třídu .code na značku obsahující kód a bude zvýrazněna syntaxe. Také jsem přidal podporu pro vložený kód pomocí třídy .inline .

Příklad na jsfiddle