TypoScript HTML Markers

Typoscript HTML Markers are used to import dynamic content in our otherwise static HTML template.

In this tutorial we are using Macromedia Dreamweaver to visually illustrate how this is accomplished. If you don't have Dreamweaver you can use any text editor such as Notepad if you are familiar with HTML.

: Click to Enlarge

Step 2: Inserting Typoscript Markers

Adding Typoscript HTML Markers are easy to use once you know where they fit inside your HTML or XHTML template. The most important Typoscript HTML Marker is DOCUMENT_BODY:

###DOCUMENT_BODY### START
###DOCUMENT_BODY### END

All HTML/XHTML content and additional Typoscript Markers are rendered between the DOCUMENT_BODY Markers. The appropriate placing of the DOCUMENT_BODY Markers is below the <body> tag and above the </html> marker of your static template.

Note: Make sure you do a find/replace in the HTML template to point to the correct image path location. Example: fileadmin/templates/mytemplate/images/spacer.gif