テキストを表示し、ユーザーがアプリケーションにテキストを入力できるようにするには、テキストベースの Flex コントロールを使用します。次の表は、コントロールの一覧です。コントロールに単一行のテキストではなく複数行のテキストを入力できるかどうか、およびコントロールがユーザーによる入力を受け入れるかどうかを示しています。

RichTextEditor コントロール以外のすべてのコントロールは、単純なテキスト領域を持つ単一のコンポーネントです。例えば、次の図は、簡単なフォームにおける TextInput コントロールを示しています。

次のコードで、上のイメージが作成されます。

<?xml version="1.0"?>
<!-- textcontrols/FormItemLabel.mxml -->
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" >
  <mx:Form id="myForm" width="500" backgroundColor="#909090">
     <!-- Use a FormItem to label the field. -->
     <mx:FormItem label="First Name">
        <mx:TextInput id="ti1" width="150"/>
     </mx:FormItem>
  </mx:Form>
</mx:Application>
前の例で実行する SWF ファイルは以下のとおりです。

RichTextEditor コントロールは複合コントロールであり、TextArea コントロールを含む Panel コントロールと、テキストフォーマットや HTTP リンクを指定するための複数のコントロールを含む ControlBar で構成されます。次の図は、RichTextEditor コントロールを示しています。

次のコードで、上のイメージが作成されます。

<?xml version="1.0"?>
<!-- textcontrols/RTECDATA.mxml -->
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" >
  <mx:RichTextEditor id="rte1" title="Rich Text Editor">
     <mx:htmlText>
        <![CDATA[
           <p align='center'><b><font size='16'>HTML Text</font></b>
           </p>This paragraph has <font color='#006666'><b>bold teal text.
           </b></font>
        ]]>
     </mx:htmlText>
  </mx:RichTextEditor>
</mx:Application>
前の例で実行する SWF ファイルは以下のとおりです。

Flex のテキストベースコントロールでは、次のプロパティを使用してテキストを設定および取得できます。

テキスト  

フォーマット情報を持たないプレーンテキスト。text プロパティ使用の詳細については、text プロパティの使用を参照してください。

htmlText  

HTML タグのサブセットを使用したフォーマットを表すリッチテキスト。黒丸付きのテキストと URL リンクを含めることもできます。htmlText プロパティ使用の詳細については、htmlText プロパティの使用を参照してください。

これらのプロパティは両方とも同一の基になるテキストを設定しますが、フォーマットは異なるものを使用できます。例えば次のような手順で、テキストの設定、変更および取得を行うことができます。

• htmlText プロパティを使用してフォーマット済みテキストを設定し、text プロパティを使用してプレーンテキストとして戻すことができます。
• ユーザーが編集可能なテキストコントロール（TextInput、TextArea、RichTextEditor）でフォーマット済みテキストを設定するには、text プロパティでテキストストリングを設定し、TextRange クラスを使用してそのテキストの一部をフォーマットします。htmlText プロパティを使用してテキストを再取得した場合、プロパティのストリングにはフォーマット用の HTML タグが含まれます。TextRange クラスの使用の詳細については、テキストの選択と修正を参照してください。