Showdown extension for Prism.Js
esm only
Install
npm package
npm i showdown showdown-prism
pnpm i showdown showdown-prism
yarn add showdown showdown-prism
Set Up
esm
import showdown from "showdown";
import showdownprism from "showdown-prism";
// Add extension to showdown options
const converter = new showdown.Converter({
extensions: [
showdownPrism({
langs: ["bash"],
theme: "holi-theme",
}),
],
});
// Convert to HTML
const convertedContent = converter.makeHtml(/*your markdown content*/);
1.languages ? : string[ ]
- Prismjs will load the default languages: markup, css, clike and javascript.
- You can load more languages with the
options.languages
. If you use Webpack or another bundler , do not setoptions.languages
.
2.theme ? : string
-
Available themes
actom-dark
cb
coldark-dark
dark
holi-theme
duotone-earth
duotone-forest
duotone-light
duotone-sea
duotone-space
funky
ghcolors
gruvbox-light
laserwave
lucario
night-owl
okaidia
one-dark
one-light
solarized-dark-atom
synthwave84
tomorrow
twilight
vs
vsc-dark-plus
z-touch
-
This create link tag of available themes in your html head element.