掘金风格代码块复制

使用方法

npm

npm i vuepress-plugin-copycodeblock -D

yarn

yarn add vuepress-plugin-copycodeblock -D

• config.js

module.exports = {
  // .. 省略
};
plugins: [
  // .. 省略
  [
    "vuepress-plugin-copycodeblock"
  ]
];

api

selector

选择器，默认为div[class*="language-"] pre

copyText

复制代码块显示的文字，默认为复制代码

change

change: (text:string, e:HTMLelement) => void 当复制发生变化时的回调函数，text是代码块复制的文字或者是失败提示，e是组件元素本身的属性，你可以在此基础上实现一些高级的定制功能(this为当前组件)

visibleTip

是否展示代码复制后默认提示，默认为true

tip

• time

复制成功后提示默认展示的时间，默认为3000，如果为Infinity则是无限制

• content

复制成功后的提示内容，默认为复制成功

• title

复制成功后的标题，默认为提示

协议

MIT