vuepress-plugin-copy-code

A vuepress plugin for clipboard-copy

Usage no npm install needed!

<script type="module">
  import vuepressPluginCopyCode from 'https://cdn.skypack.dev/vuepress-plugin-copy-code';
</script>

README

vuepress-plugin-copy-code

A vuepress plugin for clipboard-copy

npm GitHub stars GitHub license

Install

# install dependencies
npm i vuepress-plugin-copy-code -D

# or use yarn
yarn add vuepress-plugin-copy-code -D

Usage

Write vuepress config

module.exports = {
  plugins: ['copy-code']
}

Options

This plugin supports the following configurations.

module.exports = {
  plugins: ['copy-code', {
    copySelector: ['div[class*="language-"] pre', 'div[class*="aside-code"] aside'], // String or Array
    copyMessage: 'Copy successfully and then paste it for use.', // default is 'Copy successfully and then paste it for use.'
    duration: 300, // prompt message display time.
    showInMobile: false // whether to display on the mobile side, default: false.
  }]
}

License

MIT.