HTML.it: Test Template Engine

Test Template Engine

by dwightjack

CSS

h1 {
    font-size: 2em;
}

JavaScript

function parseTemplate(tmpl, data) {
    var regexp;

    for (placeholder in data) {
        regexp = new RegExp('{' + placeholder + '}', 'g');
        tmpl = tmpl.replace(regexp, data[placeholder]);
    }

    return tmpl;
}

var template = '<div><h1>{titolo}</h1><p>{testo}</p></div>';

var JSONdata = {
    titolo: 'Questo è un titolo!',
    testo: 'Testo di prova.'
};

document.body.innerHTML = parseTemplate(template, JSONdata);