flex学习笔记 富文本编辑（三）

代码：

 
 

<?xml?version="1.0"?encoding="utf-8"?>?
  
  

<s:Application?xmlns:mx="library://ns.adobe.com/flex/mx"? ?

  
  

???????????????xmlns:fx="http://ns.adobe.com/mxml/2009"? ?

  
  

???????????????xmlns:s="library://ns.adobe.com/flex/spark"?

  
  

???????????????width="500"?height="500">?

  
  

????<!--这个例子是一个简单的富文本编辑器,标题应用了style样式-->?

  
  

????<fx:Script>?

  
  

????????<![CDATA[ ?
  
  
????????????//是不是在同一文件内就可访问private声明的变量? ?
  
  
????????????private?var?richtext:String?=?"Enter?text?into?the?<b>RichTextEditor?control</b>,?then?click?a?<b><font?color='#0050AA'>button</font></b>?to?display?your?text?as?<i>plain?text</i>,?or?as?<i>HTML-formatted</i>?text."; ?
  
  
????????]]>?
  
  

????</fx:Script>?

  
  

????<fx:Style>?

  
  
????????.white{ ?
  
  
????????????color:?#ffffff; ?
  
  
????????????fontWeight:?bold; ?
  
  
????????} ?
  
  

????</fx:Style>?

  
  

????<mx:VBox?width="100%"?height="100%">?

  
  

????????<mx:RichTextEditor?titleStyleName="white"?id="richText"?title="RichTextEditor"?width="100%"?height="350"?

  
  

???????????????????????borderAlpha="0.15"?creationComplete="richText.htmlText=richtext;"??/>?

  
  

????<s:TextArea?id="textA"?width="100%"?height="100"?/>? ?

  
  

????<mx:HBox>?

  
  

????????<s:Button?label="显示内容"?click="textA.text=richText.text;"/>?

  
  

????????<s:Button??label="显示HTML"?click="textA.text=richText.htmlText;"/>?

  
  

????</mx:HBox>?

  
  

????</mx:VBox>?

  
  
???? ?
  
  

</s:Application>?

 
 

效果：