Text Layout Markup in Flash CS4

One of the powerful features of TLF is that anything you create can be imported/exported in XML. In this post I’m going to explain the tools we provided for working with Text Layout Markup in the Flash CS4 Component.


First, be sure you have downloaded and installed the Text Layout Component for Adobe Flash CS4 Professional. Also take a look at the Text Layout Component for Flash CS4 Professional Overview document.

Text Layout Markup

To get a feel for Text Layout Markup, you should go our Labs Download Page and get the ‘Text Layout Component Examples for Adobe Flash CS4 Professional.’ Unzip this file and look in the ‘Markup’ directory. ReadmeMarkup.html contains an introduction to Text Layout Markup. The XML files in the directory are examples of markup.

Loading Markup Files

The Text Layout Panel in Flash CS4 allows you load markup from a variety of sources. The sources may be typed into the dropdown in the lower left of the panel:

TLFLoadMarkup.jpg

There are several ways to enter markup:

  • URLs – Example: http://labs.adobe.com/technologies/textlayout/demos/plainText.xml
  • Local File System – Example: C:\bidi.xml
  • Defaults – Example: link.xml (Read from the component installation directory)

Files you type into this list will be remembered for your future reference.

Editing Markup

The Text Layout Panel also includes a method for working directly with the markup. Find the MarkupButton.jpg button on the lower right of the panel. This brings up a dialog containing the markup for the text currently in the panel. You can modify the markup here and press the ‘Import’ button to load the changes back into the panel.The ability import/export markup programmatically is also available. This is provided in the flashx.textLayout.conversion package. Actionscript examples of this are provided in the Examples ZIP on our Labs Download Page.