Flex Development

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
	layout="absolute" width="100%" height="100%"
	creationComplete="textReplace()" viewSourceURL="srcview/index.html">
 
	<mx:Style>
		TextArea
		{
			cornerRadius: 5;
		}
		Application
		{
			backgroundColor: #FFFFFF;
		}
	</mx:Style>
 
	<mx:Script>
		<![CDATA[
 
			public function textReplace():void
			{
				var regReplacePattern:RegExp = new RegExp(replacePattern.text);
				replaceResult.htmlText = textToReplace.text.replace(regReplacePattern, replaceText.text);
			}
 
		]]>
	</mx:Script>
 
	<mx:Form x="0" y="0" width="100%" height="100%">
		<mx:FormHeading label="Flex Regex Replace"/>
		<mx:FormItem label="Text to replace">
			<mx:TextArea id="textToReplace" text="Flip-Flop" change="textReplace()"/>
		</mx:FormItem>
		<mx:FormItem label="Regex Replace pattern">
			<mx:TextArea id="replacePattern" text="(\w+)-(\w+)" change="textReplace()"/>
		</mx:FormItem>
		<mx:FormItem label="Regex Text to replace with">
			<mx:TextArea id="replaceText" text="$2-$1" change="textReplace()"/>
		</mx:FormItem>
		<mx:FormItem label="Replace result">
			<mx:Text id="replaceResult" text="Text"/>
		</mx:FormItem>
	</mx:Form>
 
</mx:Application>