gfwleak/nezha-nezha-fronted
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

perf：集成代码块复制按钮增加title

Browse Source
This commit is contained in:
zyh
2023-06-16 16:20:36 +08:00
parent 05d40ab946
commit 88e5ceca4c
2 changed files with 13 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
nezha-fronted/src/components/common/copy-code/utils/markdown-it-copy-code.js
View File

@@ -5,16 +5,20 @@
/* eslint-disable max-len */
module.exports = function (md) {
// === Start: 防止复制按钮不断被创建 ===
// === Start: Patch 防止复制按钮不断被创建 ===
if (!md.renderer.rules.originalFence) {
md.renderer.rules.originalFence = md.renderer.rules.fence
}
// === End: Patch ===
const fence = md.renderer.rules.originalFence
// === End: Patch ===
// const fence = md.renderer.rules.fence
md.renderer.rules.fence = function () {
const i18n = require('@/components/common/i18n')
const title = i18n.default.t('overall.copyText')
const rawCode = fence.apply(void 0, arguments)
const button = '\n <button class="v-md-copy-code-btn" type="button">\n <i class="nz-icon nz-icon-override"></i>\n </button>'
const button = `\n <button title="${title}" class="v-md-copy-code-btn" type="button">\n <i class="nz-icon nz-icon-override"></i>\n </button>`
const finalCode = rawCode.replace('<!--beforeend-->', button + '<!--beforeend-->').replace('v-md-pre-wrapper', 'v-md-pre-wrapper copy-code-mode')
return finalCode
}