Show Line numbers for pre tag
Show Line numbers for pre tag
HTML
<html>
<body>
<pre id="test">This
is
some
test
text.</pre>
</body>
</html>
JavaScript
let text = document.getElementById("test").innerHTML;
let lines = text.split("\n");
for (let i=0;i<lines.length;i++) {
lines[i] = (i+1)+" "+lines[i];
}
text = lines.join("\n");
document.getElementById("test").innerHTML = text;