Handlebars es una biblioteca de plantillas de página JavaScript que le ayuda a construir fácilmente plantillas semánticas.
La copia del código es la siguiente:
<! Doctype html público "-// w3c // dtd html 4.01 transitional // en">
<html>
<Evista>
<title> manillar </title>
<meta http-equiv = "Keywords" content = "Keyword1, Keyword2, Keyword3">
<meta http-oquiv = "descripción" content = "esta es mi página">
<meta http-equiv = "content-type" content = "text/html; charset = utf-8">
<script src = "$ {base} /js/jquery1.11.min.js"> </script>
<script src = "$ {base} /js/handlebars-v3.0.0.js"> </script>
</ablo>
<Body>
<div id = tt style = 'Display: None'>
<div>
<h1> {{title}} </h1>
<div> {{cuerpo}} </div>
</div>
</div>
</body>
<script type = "text/javaScript">
//$('#tt').bebore('<Script id = "temp" type = "sfd"> ');
//$('#tt').After("</ script> "); //
var fuente = $ ("#tt"). html ();
// alerta (fuente);
plantilla var = manillars.compile (fuente);
var data = {Título: "Mi nueva publicación", Body: "¡Esta es mi primera publicación!"
};
VAR result = plantplate (data); // Completa los datos en plantilla
console.log (resultado);
$ ('#tt'). antes (resultado);
</script>
</html>
El ejemplo es muy simple. Para obtener más detalles, consulte el artículo de ThinkVitamin que se inicia con HandleBars.js. Espero que te guste.