Project created to speed up html creation when you already have a template to use, such as transactional e-mails where you need to send the same e-mail with different products in it.
- Open
index.html - in there you have 3 tabs: Code, Placeholders and Template
In this tab, you can write your HTML, CSS and JS code as you wish. This will be your template, or your skeleton code, that you will use as a structure to build more htmls with the same layout.
In the HTML code, you can use placeholders. They are words that you put between curly brackets, like {image_source} or {image_alt} in the following example:
<img src="{image_source}" alt="{image_alt}"/>The placeholders are the "variables" that you want to change when you use the template to build more code.
When you finish your code, you can go to this tab and click the "Build placeholders table" button. This will build a table with all your placeholders like this:
In the second column you put the values that will replace the placeholders in the code. When you finish, you can click the "Build Final HTML" button, this will replace all placeholders in the code for the values that you chose. If the second column is empty, the placeholder will remain.
This tab is were you upload your .html file if you already have a template ready, so you don't have to copy it's text. When you upload a file, the placeholders tab will build the table automagically