[ваый]

можноли с помощью javascript сделать, чтобы в начале каждой новой строки вставлялся номер и " | "

Можно много чего сделать. Как вариант, делать замену вхождений:

<div class="code">
    This is line #1<br />
    This is line #2<br>
    This is line #3<br />
</div>

<script>
var cont = document.querySelector('.code');
var code = cont.innerHTML;

var i = 0;
var getLine = function() {
    return ++i + '|';
};
code = code.replace(/^\s*/, getLine).replace(/<br.*?\/?>\s*(?!\s*$)/g, function() {
    return '<br />' + getLine();
});
cont.innerHTML = code;
</script>

А вообще - это хрень какая-то. Это не так делается. Каждая строчка кода обчно обернута свой контейнер, например параграф. Каждый номер строки представляет собой тоже, скажем, span, а не просто текст + |