A markdown-it plugin to add a copy icon in code blocks to copy the code
npm install markdown-it-code-copy
A markdown-it plugin to add a copy icon in code blocks to copy the code.
``
npm i markdown-it-code-copy
Make sure the corresponding icon font is installed
(default is material-design-icons).
`js``
const md = require('markdown-it')()
.use(require('markdown-it-code-copy'), {
// Options
});
| Name | Default | Description |
|------------------|-------------------------------------------------------------------------------|--------------------------------------------|
| iconStyle | 'font-size: 21px; opacity: 0.4;' | The style of copy icon |
| iconClass | 'mdi mdi-content-copy' | The class of copy icon |
| buttonStyle | 'position: absolute; top: 7.5px; right: 6px; cursor: pointer; outline: none;' | The style of the button wrapper |
| buttonClass | '' | The class of the button wrapper |
| element | '' | Custom HTML element as button body |
| removeEndNewline | false | Remove newline at the end of copied string |
| onSuccess | undefined | Function to call when copied successfully |
| onError | undefined | Function to call when error occurred |
Tips:
If you want to use a different icon font,
change the icon class and make sure the corresponding icon font is installed.
MIT License