Basic Tutorial

After installing the component, open Flash and locate the FlashTextEditor2 or FTELight2 component in the components panel:

Note: The FTELight2 component does not include all of the features shown below.

1. Create an empty input textfield on the stage, give it an instance name of 'myText' and set its properties as in the image below.

Note: The textfield must be set to be multiline.

2. Drag the FlashTextEditor component from the Components panel and drop it on top of the 'myText' textfield.

Note that the targetTextField property in the FlashTextEditor's property panel should automatically be set to be 'myText'. Whenever this component is dropped on top of a textfield, the targetTextField property will automatically take the instance name value of the textfield.

3. Give the FlashTextEditor an instance name of 'fte'.

4. Position the component out of the stage and set its properties as you wish.

Note: The component properties panel shows the main properties only. The full list of properties can be accessed through the Component Inspector panel. Click here for an explanation of each property.

5. Drag the FTEControlMMv2 component from the Components panel above the text field and name it 'fteControls'

6. Type the instance name of the FlashTextEditor2 component(fte) inside 'FTE Instance' property field of FTEControlMMv2 and set other component properties.

7. Drag the FTEDialogsMMv2 component from the Components panel out of the stage and name it 'fteDialogs'

8. Type the instance name of the FTEControlMMv2 component(fteControls) inside 'FTE Instance' field of FTEDialogsMMv2 and set other component properties.

9. Export your swf and the FlashTextEditor should be fully functional.

Note: FTEControlMMv2 should be initialized after FlashTextEditor2 component and FTEDialogsMMv2 should be initialized after FTEControlMMv2 component.

Please refer to the ActionScript reference for sample code and advanced options.