I’m trying to add a new language that is used in the HTML code in Code Mirror.
I already have the HTML being parsed properly for the syntax coloring, but I can’t find a way to add the language inside the HTML.
It’s Jinja2.
Here’s what I’ve done:
import { StreamLanguage, LanguageSupport} from '@codemirror/language'
import { htmlLanguage } from '@codemirror/lang-html'
import {jinja2} from '@codemirror/legacy-modes/mode/jinja2'
import {EditorView, basicSetup} from 'codemirror'
function jinja2WithHtml () {
const jinja2Lang = StreamLanguage.define(jinja2)
return new LanguageSupport(jinja2Lang, [htmlLanguage])
}
let view = new EditorView({
extensions: [basicSetup, jinja2WithHtml()]
})
This doesn’t work.
Ideally, I’d like to keep syntax coloring for HTML, and also have syntax coloring for Jinja2 along with it.
How can I do?
Thanks !