Skip to main content

Templates

A template is an HTML file with placeholders for variables. Brightspot’s templates are based on Handlebars.

The following snippet is an example of a simple template.

<!DOCTYPE html>
<html>

    <head>
        <meta charset="UTF-8">
        <title>{{headline}}</title>
    </head>

    <body>
        <div>
            <div>
                <h1>{{headline}}</h1>
            </div>
            <div>
                {{body}}
            </div>
            <div>
                <img src="{{imageUrl}}" height="300">
            </div>
        <div>
    </body>

</html>
  • 6. Declares a title tag, the value of which is a variable headline. (Literals in {{double braces}} are placeholders for dynamic content.)
  • 10. Opens an empty <div> tag.
  • 12. Declares an h1 tag, the value of which is a variable headline.
  • 15. Declares a placeholder for the article’s variable body.
  • 18. Declares an image tag, the source of which is a variable URL.