沃梦达 / IT编程 / 前端开发 / 正文

下载highlightjs-copy-button.js给网站代码加上copy复制按钮

使用highlightjs改我们给高亮代码之后,还有一个美化的方法,给高亮代码加上复制按钮,方便复制和使用。1、下载插件:highlightjs-copy-button.js2、引入下载好的文件:(注:前提先引入了highlightjs)3、实例化//

使用highlightjs改我们给高亮代码之后,还有一个美化的方法,给高亮代码加上复制按钮,方便复制和使用。

1、下载插件:highlightjs-copy-button.js

2、引入下载好的文件:(注:前提先引入了highlightjs

<script src="highlightjs-copy-button.min.js"></script>

3、实例化

// 显示copy代码复制按钮
hljs.highlightAll(); 
hljs.initCopyButtonOnLoad();

这样鼠标悬停到代码出,就会出现复制按钮,和复制成功按钮。我们可以打开highlightjs-copy-button.js文件,把默认的英文改为中文

  var BLOCK_NAME = 'hljs-button',
    LN_CLASS = 'hljs-ln-code',
    TEXT_COPY = '复制',
    TEXT_ERROR = 'Error',
    TEXT_COPIED = '复制成功';

本文标题为:下载highlightjs-copy-button.js给网站代码加上copy复制按钮