为 Typecho的代码块添加Copy按钮

Feng - 2021-07-25 / Typecho
2021-7-25|最后更新: 2023-4-27|
type
status
date
slug
summary
tags
category
icon
password
由于目前我用的是Mirages主题,所以接下来的步骤也按这个主题来,当然主题不同,也只是改的地方不一样而已,相信这都不是事,要是真有事了欢迎留言哈。
  • 先将以下代码添加到主题header.php中的</head>标签前,或前往控制台设置外观主题自定义扩展(考虑到以后更新主题能够更加偷懒,建议还是放到自定义扩展中,将它添加到自定义 HTML 元素拓展标签: head 头部 (meta 元素后)
  • 如果像我一样用的是Mirages主题,那么还要交前面的代码部分修改,要不然会出现提示拷贝成功,粘贴里却是啥也没有的尴尬情况,具体为:将上述代码第35行的const target = document.createElement(‘pre’);改成const target = document.createElement(‘textarea’);
如果你开启了PJAX,则需单独加入回调函数。对于本主题,依次进入控制台 - 外观 - 设置外观 - PJAX(BETA) - PJAX RELOAD,将initCodeCopyButton();添加进入即可。
本文部分内容转载自 LOGI ,如果你有缘看到这篇文章,也去踩踩他的博客吧。
Typecho 博客评论显示 UserAgent (UA)最近的事@6
  • Twikoo
  • Waline
  • Cusdis