By Lee Sykes
October 2008
In this tutorial we demonstrate how to create your own HTML templates for the FCK Editor.
HTML templates are really useful for adding repetitive content into a page; they can give you a starting point when adding content to the page, you do not need to start from scratch, you can simply select a template as a starting point and then edit the content within the template. This will help to reduce errors created by content editors.
To provide an example, on the DNN Creative main tutorial pages, the top section of the page always has the same format which consists of an image, an unordered list for the issue number link and the subscribe link, the author in h5 tags and the date in h6 tags. This is followed by some introduction text in a paragraph which uses the articleintro class and then underneath that follows the standard text. It can be a pain to apply these various classes to the introduction section of each page, so using templates can help to speed up administration time.
The videos contain:
Video 1 - Introduction, the FCKtemplates.xml file
- Introduction
- How HTML Templates can be useful
- How to apply a HTML template in the FCK Editor
- Navigating to the FCK Editor files
- How to copy the fcktemplates.xml file
- Editing the fcktemplates.xml file and the structure of the xml code
- The xml attributes
- Understanding the fcktemplates.xml file
Time Length: 7min 2secs
Video 2 - How to Create a Custom HTML Template
- How to create a custom HTML template
- Viewing the HTML that we wish to convert into a template
- How to add the HTML code into a template
- How to create a DNN Creative Tutorial page template using the fcktemplates.xml file
- How to configure the FCK Editor to use the new HTML template
- How to configure the fckconfig.js file
- How to clear the cache using the web developers toolbar
- How to use the new HTML template
- How to link the FCK Editor to a skin.css file
- Viewing the HTML template
- How to edit the content created by the HTML template
Time Length: 8min 52secs
Total Time Length: 15min 54secs