Accessibility
Darrell Heath

Darrell Heath

heathrowe.com

Table of Contents

  1. Introduction
  2. Organizing and preparing the project files
  3. Customizing the RichTextEditor symbol
  4. Updating the RichTextEditor.jsf file
  5. Adding interactivity to the RichTextEditor symbol
  6. Exporting and customizing the Flex component
Created:
21 May 2007
User Level:
Beginner, Intermediate
Products:
Fireworks
Flex

Creating a custom rich text editor Flex 2 component with Fireworks CS3

Fireworks CS3 ships with an assortment of dynamic rich symbols. One category of rich symbols represents the visual mx.controls of Flex 2. The Flex 2 mx.controls included with Fireworks CS3 do not contain a rich text editor—a useful feature when developing Flex applications.

Using Fireworks CS3, you can extend the Flex 2 components by creating the desired functionality you want. In this article, I'll describe how to create a rich text editor Flex 2 component using the rich symbols in Fireworks CS3.

Requirements

To complete this tutorial, you will need to install the following software and files:

Fireworks CS3

Flex Builder 2 (SDK included)

or Free Flex 2.0.1 SDK (included with Flex Builder 2)

Sample files:

Prerequisite knowledge

This tutorial describes how Fireworks CS3 works with Flex 2. It assumes you have some knowledge of Flex 2 to manually conform any custom components/widgets to work as Flex 2 controls.

Page 1 of 6
Next Page

About the author

Darrell Heath is a freelance web designer and developer who specializes in dynamic content management systems. He currently authors graphic design tutorials through his site (heathrowe.com), co-moderates the private National Association of Photoshop Professionals (NAPP) online forums, and authors Adobe Photoshop tutorials for NAPP. Darrell also enjoys the fine arts, photography, and indie alternative music, and is increasingly amazed by the evolution of rich Internet applications.