自动登录账号、快捷寻找自己库被其他脚本引用、更新自己的脚本列表、库、优化图片浏览、美化页面、Markdown复制按钮
已修复
已修复
还是有问题，我在上一版基础上修复了，然后对比你这一版加了一些代码，请你查收替换，目前就是右侧的复制按钮我还没搞定重叠，要么就随滚动条跑到最上面去了，要么就占多一格，不过好在滚动条滚动起来就正常了！
* 在Markdown右上角添加复制按钮
*/
addMarkdownCopyButton() {
GM_addStyle(`
.code-container{
position: relative;
}
`);
GM_addStyle(`
.zeroclipboard-container {
right: 0;
top: 0;
float: right;
position: sticky;
box-sizing: border-box;
display: flex;
font-size: 16px;
line-height: 24px;
text-size-adjust: 100%;
overflow-wrap: break-word;
}
.zeroclipboard-container svg{
vertical-align: text-bottom;
display: inline-block;
overflow: visible;
fill: currentColor;
margin: 8px;
}
.zeroclipboard-container svg[aria-hidden="true"]{
display: none;
}
clipboard-copy.js-clipboard-copy {
padding: 0px;
color: rgb(36, 41, 47);
background-color: rgb(246, 248, 250);
transition: 80ms cubic-bezier(0.33, 1, 0.68, 1);
transition-property: color,background-color,box-shadow,border-color;
display: inline-block;
font-size: 14px;
line-height: 20px;
white-space: nowrap;
vertical-align: middle;
cursor: pointer;
-webkit-user-select: none;
user-select: none;
border: 1px solid rgba(31, 35, 40, 0.15);
-webkit-appearance: none;
appearance: none;
box-shadow: rgba(31, 35, 40, 0.04) 0px 1px 0px 0px, rgba(255, 255, 255, 0.25) 0px 1px 0px 0px inset;
margin: 8px;
overflow-wrap: break-word;
text-wrap: nowrap;
border-radius: 6px;
}
clipboard-copy.js-clipboard-copy[success]{
border-color: rgb(31, 136, 61);
box-shadow: 0 0 0 0.2em rgba(52,208,88,.4);
}
clipboard-copy.js-clipboard-copy:hover{
background-color: rgb(243, 244, 246);
border-color: rgba(31, 35, 40, 0.15);
transition-duration: .1s;
}
clipboard-copy.js-clipboard-copy:active{
background-color: rgb(235, 236, 240);
border-color: rgba(31, 35, 40, 0.15);
transition: none;
}
`);
GM_addStyle(`
.pops-tip.github-tooltip {
border-radius: 6px;
padding: 6px 8px;
}
.pops-tip.github-tooltip, .pops-tip.github-tooltip .pops-tip-arrow::after {
background: rgb(36, 41, 47);
color: #fff;
}
.pops-tip.github-tooltip .pops-tip-arrow::after {
width: 8px;
height: 8px;
}
`);
/**
* 获取复制按钮元素
* @returns {HTMLElement}
*/
let copyElement = DOMUtils.createElement("div", {
className: "zeroclipboard-container",
innerHTML: `
`,
});
let clipboardCopyElement =
copyElement.querySelector(".js-clipboard-copy");
let octiconCopyElement = copyElement.querySelector(".octicon-copy");
let octiconCheckCopyElement = copyElement.querySelector(
".octicon-check-copy"
);
DOMUtils.on(copyElement, "click", function () {
let codeElement = copyElement.parentElement.parentElement.querySelector(".code-container");
if (!codeElement) {
Qmsg.error("未找到code-container元素");
return;
}
utils.setClip(codeElement.innerText || codeElement.textContent);
clipboardCopyElement.setAttribute("success", "true");
octiconCopyElement.setAttribute("aria-hidden", true);
octiconCheckCopyElement.removeAttribute("aria-hidden");
let tooltip = pops.tooltip({
target: clipboardCopyElement,
content: "复制成功!",
position: "left",
className: "github-tooltip",
alwaysShow: true,
otherDistance: -8,
});
setTimeout(() => {
clipboardCopyElement.removeAttribute("success");
octiconCheckCopyElement.setAttribute("aria-hidden", true);
octiconCopyElement.removeAttribute("aria-hidden");
tooltip.close();
}, 2000);
});
document.querySelectorAll("pre").forEach((preElement) => {
if (preElement.querySelector("clipboard-copy.js-clipboard-copy")) {
return;
}
preElement.parentNode.insertBefore(copyElement, preElement);
});
},
};
/* -----------------↑函数区域↑----------------- */
上传的代码：/**
* 获取复制按钮元素
* @returns {HTMLElement}
*/
let copyElement = DOMUtils.createElement("div", {
className: "zeroclipboard-container",
innerHTML: `
`,
}); 这部分被吃了
再投递一个顶部的ico
// @icon data:image/png;base64,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
其实那个code页面不该有那个markdown的复制按钮，我在它的顶部添加了复制代码按钮，而且你的这个只专门为了单独那个页面添加markdown复制按钮，还有其它的地方如脚本介绍页面，脚本反馈页面用了markdown，后续会删除右侧markdown按钮在这个地方生效，其它地方的右侧按钮会修改成github那样的用一个div包裹markdowm，按钮就可以固定放右边不受滚动的影响了。
icon话我还是使用yandex的链接，主要是base64太长了，放进代码里影响我在编辑器里的使用 感谢你的建议
可以配合这个脚本使用
https://greasyfork.org/zh-CN/scripts/446849-greasyfork-beautify
好东西，的确很漂亮
其实那个code页面不该有那个markdown的复制按钮，我在它的顶部添加了复制代码按钮，而且你的这个只专门为了单独那个页面添加markdown复制按钮，还有其它的地方如脚本介绍页面，脚本反馈页面用了markdown，后续会删除右侧markdown按钮在这个地方生效，其它地方的右侧按钮会修改成github那样的用一个div包裹markdowm，按钮就可以固定放右边不受滚动的影响了。
icon话我还是使用yandex的链接，主要是base64太长了，放进代码里影响我在编辑器里的使用
感谢你的建议
代码没有专门研究，你的代码只有按钮复制有问题，就自己动手修正了下，很多东西存在即合理，因为这个右上角的按钮和很多大模型的复制一样很好看，当然我自己也有在网上扣一些我自己觉得好的代码，完善功能，你通过我的主页就能看到，尽管大部分的代码不是那么完美。
另外当前代码我建议你在本地油猴编辑的时候，选中你所有的代码，在顶部的开发者----全部自动缩进，本地油猴会替你优化缩进，当然你的当前脚本中代码结束后，有多行的空行，可以优化下。
其实那个code页面不该有那个markdown的复制按钮，我在它的顶部添加了复制代码按钮，而且你的这个只专门为了单独那个页面添加markdown复制按钮，还有其它的地方如脚本介绍页面，脚本反馈页面用了markdown，后续会删除右侧markdown按钮在这个地方生效，其它地方的右侧按钮会修改成github那样的用一个div包裹markdowm，按钮就可以固定放右边不受滚动的影响了。
icon话我还是使用yandex的链接，主要是base64太长了，放进代码里影响我在编辑器里的使用
感谢你的建议
代码没有专门研究，你的代码只有按钮复制有问题，就自己动手修正了下，很多东西存在即合理，因为这个右上角的按钮和很多大模型的复制一样很好看，当然我自己也有在网上扣一些我自己觉得好的代码，完善功能，你通过我的主页就能看到，尽管大部分的代码不是那么完美。
另外当前代码我建议你在本地油猴编辑的时候，选中你所有的代码，在顶部的开发者----全部自动缩进，本地油猴会替你优化缩进，当然你的当前脚本中代码结束后，有多行的空行，可以优化下。
base64的图好处就是离线也能加载，而且下载之后就很省流不用每次联网获取，投递的base64是我把greasyfork.org官网png的logo压缩后转换的，为什么不用官网的icon也不用油猴自带的icon，最主要是图太小，分辨率太低了。
我并不是用的油猴的代码编辑器，其次我个人不习惯开启缩进功能，icon的话我换了个图床高清图片链接，版本已更新
代码框右上角的复制图标无故消失，一闪而过
点击按钮没有任何效果