使用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 = '复制成功';
扫码关注‘简忆博客’微信公众号，获取最新文章动态
转载：请说明文章出处“来源简忆博客”。http://www.tpxhm.com/fdetail/1003.html
简忆博客
勤于学习，乐于分享
Copyright© 2017-2024 简忆博客版权所有
粤ICP备16092285号
关于简忆
简忆诞生的故事
文章评论（0）