C) Extended Features of the template system to create HTML

The template editor is displayed when you click on when showing the parameters of a "target". You can see the template script on the left and GUI elements to create groups, bands and merge fields.

Please see the description for the simple documentation (PDF) export first. Here we describe additional features to create HTML pages.

HTML pages and HTML code can be create by documentARRAY in different ways:

1) Using a template which includes pure HTML language which is extended with contents from the exported pages. Such a template includes the HTML tags directly. If required, the exported pages can be saved as MD (markdown) files with a header, so called "front-matter". This is useful if you want to use an external tools, such as Jekyll to process the MD file to create a web site.
This method is very practical to create HTML code which represents the menu structure of a HTML page or create just single text files required for a HTML page, such as some jave script code or some HTML snippets used by subsequent code in variables.

2) Using a template which links to a theme which was provided as a directory with HTML, CSS and other support files. documentARRAY can copy theme files to the destination directory and inject the page content in a selection of the theme HTML files. This method allows it to reuse website templates and prototypes. Due to the unique way documentARRAY manipulates the template files, very ofthen the template stays editable. This means you can optimize the template at any time, process it with documentARRAY and create a website with an updated layout.

3) Using a template which links to XML scripts which create HTML code. Such XML scripts are written in pure XML.

They can contain templates which are identified by a name and sub templates. The structure of the scripts makes them powerful yet small. The page content is loaded from "BANDS" which have been prepared by the template. The XML code can create the required CSS and include any HTML code. Since the start template is identified by a name, one script file can be used for different export purposes.

Note: To insert a new paragraph after a group, please press the INSERT key when a group is selected.

This is a screenshot of a template which has been provided to export a project to a web site. It creates a HTML menu and places it into a variable. It also creates helping files like some PHP and some java script code to provide live search. It also creates the index for this search. At the end it creates the web pages.

Groups

• INDEX
• PAGES
• WEBMENU
• LEVEL
• WEBFILE
• WEBPAGE
• CONDITIONAL
• DYNAMIC_HTML
• THEMEFILE
• COPYFILES
• VARIABLES

Variables

To insert a variable in HTML code you can using the HTML syntax <!--%VARNAME--%> or JavaScript syntax  /*%VARNAME%*/. To insert a variable select the variable name in the combobox and click on the button:

List of Variables