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.
26 lines
871 B
26 lines
871 B
// markdown-it plugin for generating line numbers.
|
|
// It depends on preWrapper plugin.
|
|
|
|
import type 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;
|
|
};
|
|
};
|