codemirror-shiki

 

Install

``bash
npm i codemirror-shiki
`

Usage

Install shiki, @shikijs/langs and @shikijs/themes

`ts
import { createHighlighterCore } from 'shiki/core'
import { createOnigurumaEngine } from 'shiki/engine/oniguruma'
import shiki from 'codemirror-shiki'

// See https://shiki.style/guide/bundles
const highlighter = createHighlighterCore({
langs: [
import('@shikijs/langs/javascript')
],
themes: [
import('@shikijs/themes/one-dark-pro')
],
engine: createOnigurumaEngine(import('shiki/wasm')),
})

EditorState.create({
doc: '',
extensions: [
// pass highlighter to codemirror-shiki
shiki({
highlighter,
language: 'javascript',
theme: 'one-dark-pro',
}),
],
})
``

License

MIT © fengzilong