Showdown Prism

Showdown extension for Prism.Js

esm only

Highlight the code block with Prism.JS.

Documentation

Getting Started

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*/);

Options

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 set options.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.