codemirror-shiki v0.1.2

codemirror-shiki

Install

npm i codemirror-shiki

Usage

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

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

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

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

For more usages to create highlighter, see Bundles - shiki

License

MIT © fengzilong