博客园的 Markdown 实现鼠标指针显示复制按钮？
0
[待解决问题]
请教一下，有没有大佬实现了指针在代码块上才显示复制按钮？像简书或者 CSDN 那种效果。
PS:
@wuliytTaotao 的博文 博客园Markdown编辑模式下代码复制功能 很受用。痛点在于，右上角复制按钮会遮盖首行代码。设置为透明的话，字体覆盖会比较难看。如果在代码框外面的话，又占了空间。指针在代码块上才显示复制按钮，是个很好的方案。
所有回答(1)
-2
//这是这个人博客中复制的那段js
$(function() {
if ($("#cnblogs_post_body").hasClass("cnblogs-markdown")){
if ($("#post-date")[0]) {
var pres = $("pre");
if (pres.length) {
pres.each(function() {
var t = $(this)
.children("code")
.text();
var btn = $('<span class="copy">复制</span>').attr(
"data-clipboard-text",
t
);
$(this).prepend(btn);
var c = new ClipboardJS(btn[0]);
c.on("success", function() {
btn.addClass("copyed").text("复制成功");
});
c.on("error", function() {
btn.text("复制失败");
});
btn.mouseleave(function() {
btn.text("复制").removeClass("copyed");
});
});
}
}
}
});
