Markdown Copy Button Plugin

Functionality

This plugin adds a copy button to each code block in the markdown content. When the button is clicked, the content of the code block is copied to the clipboard.

Installation

Install markdown-it and markdown-it-copy-button via npm:

npm install markdown-it
npm install markdown-it-copy-button

Usage

import MarkdownIt from 'markdown-it';
import markdownCopyButton from 'markdown-copy-button';

const md = new MarkdownIt().use(markdownCopyButton, {
    // Options
});
const htmlContent = md.render('## markdown content');

Options

| Option | type | Default | Beschreibung | |----------------|--------|---------------------------------------------------------------------------------|--------------------------------------| | iconStyle | String | 'font-size: 20px; opacity: 0.4;' | style of the copy icon | | buttonStyle | String | 'position: absolute; top: 4.5px; right: 6px; cursor: pointer; outline: none;' | style of the copy button | | buttonClass | String | 'copyButton' | class of the copy button | | imageFolder | String | 'copy.svg' | path to the icon for the copy button | | imageWidth | String | '16px' | width of the button element | | imageHeight | String | '16px' | height of the button element |