前言
其实早在4月份就已经把功能做好了。当时刚看完《JavaScript DOM编程艺术》,糊里糊涂地就写了两天。
原文:利用JavaScript 为Typecho添加 复制代码 功能 仿csdn - 兔子昂
今天又花了一两个小时做出了插件。Plugin.php
中的参数都没看懂,直接copy了别人的插件。
介绍
仿的CSDN,只有鼠标放到代码块,才会显示复制代码,鼠标从代码块移开,复制代码方框消失。支持一篇文章多个代码块的单独复制(这里实现比较心累,用到了闭包)。
效果如下图:
点击复制代码,会出现成功复制的提示。之后延迟一秒后,又会重置为复制代码。
使用
github地址:GitHub - Tuziang/CodeCopy: 一个 适用于Typecho 复制代码 的插件
1 Download ZIP 下载本插件
2 解压,把 CodeCopy-master 目录重命名为 CodeCopy 上传至博客的 /usr/plugins 目录下
3 在插件页面启用本插件
支持
以下浏览器均为最新版本。经过测试,都可以正常复制。
电脑
搜狗浏览器 √
谷歌浏览器 √
火狐浏览器 √
Microsoft Edge √
QQ浏览器 √
手机
腾讯浏览器 √
搜狗浏览器 √
QQ浏览器 √