Flex 텍스트 편집기 코드 인 스 턴 스 생 성 및 온라인 실행 효과

  
  
  
  

   
   
   
   
<?xml version="1.0" encoding="utf-8"?>  
   
   
   
   
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="horizontal" fontSize="12">  
   
   
   
   
    <mx:Script>  
   
   
   
   
        <![CDATA[  
   
   
   
   
            //       
   
   
   
   
            import mx.controls.TextInput;  
   
   
   
   
            import mx.controls.TextArea;  
   
   
   
   
            import mx.events.FlexEvent;  
   
   
   
   
            //           
   
   
   
   
            private const MAX_CHARS:uint = 100;  
   
   
   
   
            //                  
   
   
   
   
            private function richTextEditor_creationComplete(evt:FlexEvent):void  
   
   
   
   
            {  
   
   
   
   
                RichTextEditor(evt.currentTarget).textArea.maxChars = MAX_CHARS;  
   
   
   
   
            }  
   
   
   
   
            //                
   
   
   
   
            private function richTextEditor_change(evt:Event):void  
   
   
   
   
            {  
   
   
   
   
                var rte:RichTextEditor = evt.currentTarget as RichTextEditor;  
   
   
   
   
                var rteTA:TextArea = rte.textArea as TextArea;  
   
   
   
   
                rte.status = rteTA.length + "/"+rteTA.maxChars;  
   
   
   
   
            }  
   
   
   
   
            //                      
   
   
   
   
            private function toogle_linkTextInput():void  
   
   
   
   
            {  
   
   
   
   
                var textInput:TextInput = richTextEditor.linkTextInput;  
   
   
   
   
                var isSelected:Boolean = cbLinkButton.selected;  
   
   
   
   
                textInput.visible = isSelected;  
   
   
   
   
                textInput.includeInLayout = isSelected;  
   
   
   
   
            }  
   
   
   
   
        ]]>  
   
   
   
   
    </mx:Script>  
   
   
   
   
    <mx:Array id="fontFamilyArr">  
   
   
   
   
        <mx:String>Arial</mx:String>  
   
   
   
   
        <mx:String>Verdana</mx:String>  
   
   
   
   
        <mx:String>  </mx:String>  
   
   
   
   
        <mx:String>  </mx:String>  
   
   
   
   
    </mx:Array>  
   
   
   
   
    <mx:Panel width="650" height="400" layout="horizontal" title="     ">  
   
   
   
   
        <mx:VBox height="100%" width="100%">  
   
   
   
   
            <mx:ApplicationControlBar dock="true" width="100%">  
   
   
   
   
                <mx:CheckBox id="cbBar" label="     ：" selected="true" />  
   
   
   
   
                <mx:CheckBox id="cbLinkButton" label="       ：" selected="true" change="toogle_linkTextInput();" />  
   
   
   
   
            </mx:ApplicationControlBar>  
   
   
   
   
            <mx:RichTextEditor id="richTextEditor" width="100%" height="100%" title="       ，     。" showToolTips="true" 
   
   
   
   
                               fontFamilyToolTip="  " colorPickerToolTip="  " showControlBar="{cbBar.selected}" 
   
   
   
   
                               change="richTextEditor_change(event);" creationComplete="richTextEditor_creationComplete(event);" 
   
   
   
   
                               fontFamilyArray="{fontFamilyArr}">  
   
   
   
   
            </mx:RichTextEditor>  
   
   
   
   
        </mx:VBox>  
   
   
   
   
    </mx:Panel>  
   
   
   
   
</mx:Application>