JSFiddle - React, Tailwind, and code Playground

by Manuel Strehl

HTML

<pre id="result">&nbsp;</pre>

JavaScript

var tpl = 'Hello\n\
<repeater>\n\
    <div class="row">\n\
        <div class="col col-33"><img src="{{col1}}" /></div>\n\
        <div class="col col-33">{{col2}}</div>\n\
        <div class="col col-33">{{col3}}</div>\n\
    </div>\n\
</repeater>\n\
World!';

var frag = document.createElement('div');
frag.innerHTML = tpl;

document.getElementById("result").firstChild.nodeValue = frag.querySelector('repeater').outerHTML;