Разбиение и объединение строки с разными тегами?

Всем привет!
Есть блок текста с тегами h1, h2, p
Я этот блок конвертирую в строку и разбиваю на части по тегам.
Т.е. отдельно помещаю в строку h1, потом отдельно h2 и т.д.
А потом вывожу их в другом блоке.
И они при этом теряют свое форматирование, т.к. их теги стали разделителями и уже не действуют.
Как мне вернуть им обратно их теги ?
Чтобы кусок строки , который был h1 опять стал h1 и т.д.

здесь пример
https://codepen.io/mk3mk/pen/GRRPNRN?editors=0010