vuepress-plugin-copy-copyright

掘金风格代码块复制

使用方法

npm i vuepress-plugin-copy-copyright -D
# or
yarn add vuepress-plugin-copy-copyright -D

• config.js

module.exports = {
  // .. 省略
};
plugins: [
  // .. 省略
  [
    "vuepress-plugin-copy-copyright",
    {
      copyText: "复制代码",
      tip: { content: "复制成功" },
      copyright: true,
      authorName: '前端小菜鸟吖 QQ：2582395486',
    }
  ]
];

api

selector

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

copyText

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

change

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

visibleTip

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

tip

• time

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

• content

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

• title

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

• copyright 复制成功后的文本是否包含版权信息，默认作者显示您网页的标题

• authorName 自定义作者名

协议

MIT