alert('x: бла бла бла\ny: алб алб алб\n<hide>z: придурки</hide>'.replace(/<hide>(.*)<\/hide>/g, '<span style="border-bottom: 1px dotted red">$1</span>'));
Только это не так должно делаться.
по хорошему вместо левого '<hide>' сразу генерировать 'span' и прописывать всем span'ам в блоке стиль.
т.е.:
<style type="text/css">
div.quote {white-space:pre}
div.quote span{border-bottom: 1px dotted red}
</style>
<div class='quote'>
x: бла бла бла
y: алб алб алб
<span>z: придурки</span>
</div>
<div class='quote'>
x: 1234567
y: 7654321
<span>z: придурки</span>
</div>