• copy-code
  • Artiely
  • #vuepress#vue#javaScript
  • 2020-03-30
  • 136
  • 1 min read
  • loading...

vuepress-plugin-copy-code

A vuepress plugin for clipboard-copy

Install

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

# or use yarn
yarn add vuepress-plugin-copy-code -D
复制成功
1
2
3
4
5

Usage

Write vuepress config

module.exports = {
  plugins: ['copy-code']
}
复制成功
1
2
3

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.
  }]
}
复制成功
1
2
3
4
5
6
7
8

demo

https://artiely.gitee.io