Marked extension to create code editors and highlight code blocks using prism code editor.
This extension has prism-code-editor version 4.0.0 or greater as a peer dependency
npm i prism-code-editor marked-prism-code-editor
import { marked } from "marked"
import { markedPrismCodeEditor } from "marked-prism-code-editor"
import "prism-code-editor/prism/languages/common"
marked.use(markedPrismCodeEditor({
// Configuration options
}))
marked.parse(/* Some markdown */)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.
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 ../marked-extension
pnpm dev