Skip to content

Instantly share code, notes, and snippets.

@webarthur
Last active July 30, 2023 20:12
Show Gist options
  • Save webarthur/e80f9dea5b9c0df37558443eaa5d8b36 to your computer and use it in GitHub Desktop.
Save webarthur/e80f9dea5b9c0df37558443eaa5d8b36 to your computer and use it in GitHub Desktop.
Adiciona números de linha aos blocos de código na página.
/**
* Adiciona números de linha aos blocos de código na página.
*/
function adicionarNumerosLinhasCodigo () {
// Seleciona todos os elementos <pre><code> na página
document.querySelectorAll('pre code')
.forEach(container => {
// Obter as linhas de código
const linhas = container.innerHTML.split('\n')
// Ignora os containers com apenas uma linha
if (linhas.length <= 1) {
return
}
// Adiciona números de linha a cada linha de código
let novoCodigo = linhas
.map((linha, i) => `<span class='line-number'>${ i + 1 }</span>${ linha }`)
.join('\n')
// Atualiza o container com o novo código
container.innerHTML = novoCodigo;
})
}
// Chama a função adicionarNumerosLinhasCodigo quando a janela terminar de carregar
window.addEventListener('load', adicionarNumerosLinhasCodigo)
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment