Trabajando con un producto de terceros, puedo manipular el dom usando javascript dentro del producto. Puedo hacer una especie de:
var foo = document.getElementById("foo"); var listItem = document.createElement("li"); foo.appendChild(listItem); //etc...Esto se pone bastante desordenado rápido. Me gustaría usar un motor de plantillas html, pero cuando investigo una alternativa, todo asume que tengo "control" sobre el html, lo cual no tengo.
Me gustaría renderizar/construir html, javascript usando un motor y luego inyectarlo en el producto de terceros.
¿Alguna sugerencia?
(Mis disculpas si la pregunta no está clara. No estoy seguro de lo que estoy buscando)
Descubrí lo que estaba buscando: ¡motor de plantilla javascript del lado del cliente!
Aquí hay un ejemplo usando ejs:
let ejs = require('ejs'); let data = ['geddy', 'neil', 'alex']; let template = `<ul> <% for(let i = 0; i < people.length; i++) { %> <li> <%= people[i] %> </li> <% } %> </ul> `; let html = ejs.render(template, {people: data}); var foo = document.getElementById("foo"); foo.innerHTML = html;Espero que esto ayude a alguien en el futuro. ¡Feliz codificación!