Rehype plugin to create code editors and highlight code blocks using prism code editor.
This plugin has prism-code-editor version 4.0.0 or greater as a peer dependency
npm i prism-code-editor rehype-prism-code-editor
import rehype from "rehype"
import { rehypePrismCodeEditor } from "rehype-prism-code-editor"
import "prism-code-editor/prism/languages/common"
rehype().use(rehypePrismCodeEditor, {
// Configuration options
}).process(/* some html */)For more examples and a detailed description of the included features, check the documentation website.
There's a demo page where you can write markdown and view the resulting editors and code blocks. Note that the demo uses marked, but this rehype plugin has an identical API and feature set.
To run the development server locally, install dependencies.
pnpm install
Next, you must build the prism-code-editor package.
cd ../package
pnpm install
pnpm build
Finally, you can run the development server to test your changes.
cd ../rehype-plugin
pnpm dev