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>