Как заменить в строке символы на теги?

Question

[Gagatyn]

Код на Jsfiddle.
Есть тег <pre>, использую string.replace(regexp, replacement);.
Хочу заменить символ тегом span, в callback создаю элемент span, помещаю найденный символ в него и возвращаю его. Возвращается строка, т.е.

span.toString() -- [object HTMLSpanElement] [object HTMLSpanElement]

.

Как вернуть именно тег в <pre>, чтобы в теги были опр символы заменены на span, ну а я выделю эти спаны цветом?

Answer 1

[0xD34F]

const text = document.querySelector('#area').value;
const pre = document.querySelector('#pre');

pre.innerHTML = text.replace(/f+/g, '<span>$&</span>');

Comments

[Gagatyn]

Забыл, что можно воспользоваться ' $1 '.
Спасибо!