mirror of https://github.com/vuejs/vitepress
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
29 lines
872 B
29 lines
872 B
// markdown-it plugin for generating line numbers.
|
|
// It depends on preWrapper plugin.
|
|
|
|
import MarkdownIt from 'markdown-it'
|
|
|
|
export const lineNumberPlugin = (md: MarkdownIt) => {
|
|
const fence = md.renderer.rules.fence!
|
|
md.renderer.rules.fence = (...args) => {
|
|
const rawCode = fence(...args)
|
|
const code = rawCode.slice(
|
|
rawCode.indexOf('<code>'),
|
|
rawCode.indexOf('</code>')
|
|
)
|
|
|
|
const lines = code.split('\n')
|
|
const lineNumbersCode = [...Array(lines.length - 1)]
|
|
.map((line, index) => `<span class="line-number">${index + 1}</span><br>`)
|
|
.join('')
|
|
|
|
const lineNumbersWrapperCode = `<div class="line-numbers-wrapper">${lineNumbersCode}</div>`
|
|
|
|
const finalCode = rawCode
|
|
.replace(/<\/div>$/, `${lineNumbersWrapperCode}</div>`)
|
|
.replace(/"(language-\w*)"/, '"$1 line-numbers-mode"')
|
|
|
|
return finalCode
|
|
}
|
|
}
|