Free Trial

Safari Books Online is a digital library providing on-demand subscription access to thousands of learning resources.

  • Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint
Share this Page URL



Free, open-source, flexible, and scalable, TYPO3 is one of the most powerful PHP content management systems. It is well suited for creating intranets and extranets for the enterprise. While providing an easy-to-use web interface for non-technical authors and editors of content, its messaging and workflow system allow shared authoring and collaboration.

TYPO3 provides flexible and powerful interfaces for both content editors and administrators, giving them full control of the core aspects the system. However for developers who need to customize the system, TYPO3 offers a powerful configuration language called TypoScript. Good knowledge of TypoScript is really a prerequisite for implementing complex applications with TYPO3 and gives developers full control over the configuration of TYPO3 and its template engine.

TypoScript enables the complete output template to be created and manipulated, giving you full control over the layout of the site. TypoScript also allows you to integrate dynamic contents, JavaScript-based menus, Flash, Graphics, etc. with ease. You have maximum control over the design of the website and can control all options that would otherwise be addressed by HTML-simple text output, formatting, and much more. TypoScript also allows you to generate graphics at run time and display different content dynamically.

What This Book Covers

Chapter 1 provides an introduction to TYPO3 and TypoScript, its configuration language.

Chapter 2 looks at the main features of TypoScript and also explains its basic principles. Objects, properties, operators, and datatypes in TypoScript are explained. The chapter winds up with a brief discussion on using TSref, the TypoScript online reference.

Chapter 3 covers certain development tools that make creating TypoScript code easier. UltraEdit is a simple text editor that allows syntax highlighting. The Constant Editor is used to edit standard templates by modifying constants. The HTMLArea Rich-Text Editor is now bundled with TypoScript (from Version 4). Since the Rich-Text Editor (RTE) was the standard tool for entering and editing content until version 3.8.x of TYPO3, it is still widely used, and hence included in this chapter. We cover defining custom classes, paragraph formats, menus, colors, and customizing the front-end output.

Chapter 4 covers design templates, which control the basic layout of any TYPO3 website. They are different from normal templates. All design templates contain static and dynamic elements. All static elements are hard-coded in the HTML file. On the other hand, everything dynamic is marked with placeholders. These placeholders can then easily be replaced with dynamic content. There are two different types of placeholders-markers and subparts. We also discuss using HTML comments to maintain clarity in subparts.

Chapter 5 covers using templates in TYPO3. We discuss the integration of design templates using TypoScript, defining page properties, menu generation, dynamic image generation, and integrating extensions. We also cover TemplaVoilà, a new extension that makes it possible for TypoScript developers to integrate templates using a graphical user interface. The biggest advantage of TemplaVoilà is that various layouts can be implemented without any PHP knowledge.

Chapter 6 covers graphics processing in TypoScript. We discuss embedding and modifying the size of graphics. Next we look at creating graphics dynamically using the GIFBUILDER tool. Using this tool you can create and position levels, draw boxes, create text as graphics, and enable anti-aliasing. We then discuss the advanced graphical options available in TYPO3, such as creating shadows and embossing. The chapter winds up with a discussion on caching in TypoScript.

Chapter 7 Menu creation is the one of the most powerful functions of TYPO3 and text, graphical, JavaScript, and layer-based menus can be created. The HMENU (hierarchical menu) object assembles menus in TypoScript, while sub-objects are responsible for rendering menu elements. This chapter takes a detailed look at creating and customizing different kinds of menus in TypoScript.

Chapter 8 covers creating and configuring frames in TYPO3. We also cover creating Iframes using the IFRAME and IFRAME2 extensions.

Chapter 9 covers building forms and searching in TYPO3. TYPO3 supports three basic types of forms-Mail forms, Search forms, and Login forms. The chapter discusses building forms with the Forms Wizard. Forms can contain mandatory fields that must be filled out by the user before submission. Custom form fields can be defined using CSS and HTML. We then discuss setting up a password-protected area (user authentication) using TypoScript. The Front End User Admin extension allows user registration and the MailformPlus extension can simultaneously send form data to a number of email addresses.

Chapter 10 covers handling SQL queries in TYPO3.We take a quick look at the structure of the database used in TYPO3. We can dynamically read specific database fields from pages and output content from database tables. It is possible to select individual columns as well as format the elements of different columns differently. The second half of this chapter discusses creating and testing an extension with Kickstarter, populating some records, and finally outputting the records using SQL queries.

Chapter 11 covers installing and updating extensions using the Extension Manager. We then introduce some of the most important applications in real-life scenarios such as News, Calendar, Newsletter, and Chat room extensions. The second half of the chapter focuses on developing, testing, documenting, and deploying your own extensions.

Chapter 12 covers a very important concept-creating true barrier-free websites with TYPO3. This is very difficult, but TYPO3 offers various resources and extensions to help you achieve partial barrier freedom. The first part of this chapter covers extensions like CSS Styled Content, Accessible Content, CSS Styled Imagetext, Accessible XHTML Template, Acronym Manager, and Accessible Tables. The second half of the chapter discusses how to create barrier-free tables, forms, and menus in TYPO3.

Chapter 13 covers some quick-and-easy methods of optimizing a TYPO3 project using TypoScript. We cover creating multilingual websites using two approaches-the multiple-tree concept and the one-tree-fits-all-languages concept. Users can manually set their languages via flags or this can be done automatically by reading browser settings. Next we cover creating PDF versions of your pages using HTMLDoc and the PDF generator extension. You can also allow users to view print-friendly pages by using special templates.

We then explore TYPO3's advanced search-engine optimization functions, such as the integration of meta tags as well as replacing dynamic URLs with static URLs through Apache's mod_rewrite and the RealURL extension. The chapter winds up with a discussion on TYPO3's spam protection features such as e-mail address encryption.

Chapter 14 discusses the back-end configuration of TYPO3 on two levels-the page level and the user level. We cover configuring individual pages of the website using Page TSConfig and site-wide configuration for users or groups of users using User TSConfig.

Appendix A is a condensed version of the TypoScript Reference (TSref) and covers the important elements that you are likely to encounter in your day-to-day work.

Who This is Book For

This book is suitable for TYPO3 web developers, administrators, and designers who want to develop a fully featured TYPO3 website using the power of TypoScript. A basic knowledge of TYPO3 is expected, and PHP and MySQL programming experience is useful, though not essential for using this book.


In this book, you will find a number of styles of text that distinguish between different kinds of information. Here are some examples of these styles, and an explanation of their meaning.

There are three styles for code. Code words in text are shown as follows: "The primary element is ROOT and it is usually linked to the HTML element<body>."

A block of code will be set as follows:

temp.mainTemplate = TEMPLATE
temp.mainTemplate {
template = FILE
template.file = fileadmin/_temp_/hello.htm

When we wish to draw your attention to a particular part of a code block, the relevant lines or items will be made bold:

$template = $this->cObj->getSubpart($template, "###BODY_CONTENT###");
$template_reference = $this->cObj->
getSubpart($template, "###REFERENCE###");
$result = $GLOBALS["TYPO3_DB"]->exec_SELECTquery( "*","user_references_main",


New terms and important words are introduced in a bold-type font. Words that you see on the screen, in menus or dialog boxes for example, appear in our text like this: "The Table name field determines the name of the new table."

Warnings or important notes appear in a box like this.

Tips and tricks appear like this.

Reader Feedback

Feedback from our readers is always welcome. Let us know what you think about this book, what you liked or may have disliked. Reader feedback is important for us to develop titles that you really get the most out of.

To send us general feedback, simply drop an email to, making sure to mention the book title in the subject of your message.

If there is a book that you need and would like to see us publish, please send us a note in the SUGGEST A TITLE form on or email

If there is a topic that you have expertise in and you are interested in either writing or contributing to a book, see our author guide on

Customer Support

Now that you are the proud owner of a Packt book, we have a number of things to help you to get the most from your purchase.

Downloading the Example Code for the Book

Visit, and select this book from the list of titles to download any example code or extra resources for this book. The files available for download will then be displayed.

The downloadable files contain instructions on how to use them.


Although we have taken every care to ensure the accuracy of our contents, mistakes do happen. If you find a mistake in one of our books-maybe a mistake in text or code-we would be grateful if you would report this to us. By doing this you can save other readers from frustration, and help to improve subsequent versions of this book. If you find any errata, report them by visiting, selecting your book, clicking on the Submit Errata link, and entering the details of your errata. Once your errata have been verified, your submission will be accepted and the errata added to the list of existing errata. The existing errata can be viewed by selecting your title from


You can contact us at if you are having a problem with some aspect of the book, and we will do our best to address it.

  • Safari Books Online
  • Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint