Flex中的文本编辑器组件用法

<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
  xmlns:s="library://ns.adobe.com/flex/spark"
  xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600"
  creationComplete="InitApp()">
<s:layout>
<s:BasicLayout/>
</s:layout>

<fx:Script>
<![CDATA[
import mx.controls.Alert;

import spark.components.Button;

// 初始化 添加文本编辑器的设计和代码按钮
private function InitApp():void
{
rteHtmlEditor.htmlText = "<TEXTFORMAT LEADING='2'><P ALIGN='CENTER'><FONT FACE='Times New Roman' SIZE='36' COLOR='#444444' LETTERSPACING='0' KERNING='0'><B>公告信息显示剧中</B></FONT></P></TEXTFORMAT>";

taHtmlEditor.text = rteHtmlEditor.htmlText;
}

// 设计按钮单击事件           
private function btnDesign_Click(e:MouseEvent):void
{
Alert.show("hhe-----"+taHtmlEditor.text)
taHtmlEditor.visible = false;
btnDesign1.visible = false;
rteHtmlEditor.visible = true;
}

// 设计界面change事件            
private function rteHtmlEditor_change():void
{
taHtmlEditor.text = rteHtmlEditor.htmlText;        
}
// 代码界面的change事件
private function taHtmlEditor_change():void
{
rteHtmlEditor.htmlText = taHtmlEditor.text;
}
]]>
</fx:Script>

<fx:Declarations>
<!-- 将非可视元素（例如服务、值对象）放在此处 -->
</fx:Declarations>
<s:TextArea x="10" y="10" id="taHtmlEditor" width="757" height="355"
change="taHtmlEditor_change()"/>
<mx:RichTextEditor id="rteHtmlEditor" x="10" y="10" title="公告信息" width="757" height="385"
  change="rteHtmlEditor_change()"/>
<s:Button x="605" y="384" label="设计" id="btnDesign1" click="btnDesign_Click(event)"/>
</s:Application>