HEX
Server: Apache
System: Linux pdx1-shared-a1-38 6.6.104-grsec-jammy+ #3 SMP Tue Sep 16 00:28:11 UTC 2025 x86_64
User: mmickelson (3396398)
PHP: 8.1.31
Disabled: NONE
Upload Files
File: /home/mmickelson/theflexguy.com/tools/htmlTextEditor/srcview/source/htmlTextEditor.mxml.html
<!-- saved from url=(0014)about:internet -->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>htmlTextEditor.mxml</title>
<link rel="stylesheet" type="text/css" href="../SourceStyles.css"/>
</head>

<body><pre><span class="mxmlCdata">&lt;?xml version=&quot;1.0&quot; encoding=&quot;utf-8&quot;?&gt;</span>
<span class="mxmlComponent">&lt;mx:Application</span> xmlns:mx=&quot;<span class="mxmlString">http://www.adobe.com/2006/mxml</span>&quot; layout=&quot;<span class="mxmlString">vertical</span>&quot;
    pageTitle=&quot;<span class="mxmlString">htmlText Editor</span>&quot; viewSourceURL=&quot;<span class="mxmlString">srcview/index.html</span>&quot;<span class="mxmlComponent">&gt;</span>
    
    <span class="mxmlTag">&lt;mx:Script&gt;</span>
        <span class="asOperator">&lt;!</span><span class="asBracket">[</span>CDATA<span class="asBracket">[</span>
            <span class="asReserved">import</span> mx.events.CloseEvent;
            <span class="asReserved">import</span> mx.managers.PopUpManager;
            <span class="asReserved">import</span> flash.events.<span class="asOperator">*</span>;
        
            <span class="asReserved">public</span> <span class="asVar">var</span> helpWindow<span class="asOperator">:</span>HelpWindow <span class="asOperator">=</span> <span class="asReserved">new</span> HelpWindow<span class="asBracket">()</span>;
            <span class="asBracket">[</span><span class="asMetadata">Bindable</span><span class="asBracket">]</span>
            <span class="asReserved">private</span> <span class="asVar">var</span> sectionAlpha<span class="asOperator">:</span>Number <span class="asOperator">=</span> 0.5;
            <span class="asReserved">private</span> <span class="asVar">var</span> originalRTE<span class="asOperator">:</span>String <span class="asOperator">=</span> <span class="asString">&quot;&quot;</span>;
            
            <span class="asReserved">private</span> <span class="asFunction">function</span> strip<span class="asBracket">()</span><span class="asOperator">:</span><span class="asReserved">void</span>
            <span class="asBracket">{</span>
                <span class="asVar">var</span> tmpText<span class="asOperator">:</span>String <span class="asOperator">=</span> originalRTE;
                
                <span class="asReserved">if</span><span class="asBracket">(</span>textformatchk.selected<span class="asBracket">)</span> <span class="asBracket">{</span>
                    tmpText <span class="asOperator">=</span> tmpText.replace<span class="asBracket">(</span><span class="asString">/&lt;TEXTFORMAT.*?&gt;|&lt;\/TEXTFORMAT&gt;/</span>g, <span class="asString">&quot;&quot;</span><span class="asBracket">)</span>;
                <span class="asBracket">}</span>
                <span class="asReserved">else</span>
                <span class="asBracket">{</span>
                    <span class="asReserved">if</span><span class="asBracket">(</span>tf1.selected<span class="asBracket">)</span> <span class="asBracket">{</span>
                        tmpText <span class="asOperator">=</span> tmpText.replace<span class="asBracket">(</span><span class="asString">/ LEADING=&quot;.*?&quot;/</span>g, <span class="asString">&quot;&quot;</span><span class="asBracket">)</span>;
                    <span class="asBracket">}</span>
                <span class="asBracket">}</span>
                
                <span class="asReserved">if</span><span class="asBracket">(</span>fontchk.selected<span class="asBracket">)</span> <span class="asBracket">{</span>
                    tmpText <span class="asOperator">=</span> tmpText.replace<span class="asBracket">(</span><span class="asString">/&lt;FONT.*?&gt;|&lt;\/FONT&gt;/</span>g, <span class="asString">&quot;&quot;</span><span class="asBracket">)</span>;
                <span class="asBracket">}</span>
                <span class="asReserved">else</span>
                <span class="asBracket">{</span>
                    <span class="asReserved">if</span><span class="asBracket">(</span>fo1.selected<span class="asBracket">)</span> <span class="asBracket">{</span>
                        tmpText <span class="asOperator">=</span> tmpText.replace<span class="asBracket">(</span><span class="asString">/ FACE=&quot;.*?&quot;/</span>g, <span class="asString">&quot;&quot;</span><span class="asBracket">)</span>;                        
                    <span class="asBracket">}</span>
                    <span class="asReserved">if</span><span class="asBracket">(</span>fo2.selected<span class="asBracket">)</span> <span class="asBracket">{</span>
                        tmpText <span class="asOperator">=</span> tmpText.replace<span class="asBracket">(</span><span class="asString">/ SIZE=&quot;.*?&quot;/</span>g, <span class="asString">&quot;&quot;</span><span class="asBracket">)</span>;                        
                    <span class="asBracket">}</span>
                    <span class="asReserved">if</span><span class="asBracket">(</span>fo3.selected<span class="asBracket">)</span> <span class="asBracket">{</span>
                        tmpText <span class="asOperator">=</span> tmpText.replace<span class="asBracket">(</span><span class="asString">/ COLOR=&quot;.*?&quot;/</span>g, <span class="asString">&quot;&quot;</span><span class="asBracket">)</span>;                        
                    <span class="asBracket">}</span>
                    <span class="asReserved">if</span><span class="asBracket">(</span>fo4.selected<span class="asBracket">)</span> <span class="asBracket">{</span>
                        tmpText <span class="asOperator">=</span> tmpText.replace<span class="asBracket">(</span><span class="asString">/ LETTERSPACING=&quot;.*?&quot;/</span>g, <span class="asString">&quot;&quot;</span><span class="asBracket">)</span>;                        
                    <span class="asBracket">}</span>
                    <span class="asReserved">if</span><span class="asBracket">(</span>fo5.selected<span class="asBracket">)</span> <span class="asBracket">{</span>
                        tmpText <span class="asOperator">=</span> tmpText.replace<span class="asBracket">(</span><span class="asString">/ KERNING=&quot;.*?&quot;/</span>g, <span class="asString">&quot;&quot;</span><span class="asBracket">)</span>;                        
                    <span class="asBracket">}</span>
                <span class="asBracket">}</span>
                
                <span class="asReserved">if</span><span class="asBracket">(</span>pchk.selected<span class="asBracket">)</span> <span class="asBracket">{</span>
                    tmpText <span class="asOperator">=</span> tmpText.replace<span class="asBracket">(</span><span class="asString">/&lt;P.*?&gt;|&lt;\/P&gt;/</span>g, <span class="asString">&quot;&quot;</span><span class="asBracket">)</span>;
                <span class="asBracket">}</span>
                <span class="asReserved">else</span>
                <span class="asBracket">{</span>
                    <span class="asReserved">if</span><span class="asBracket">(</span>pa1.selected<span class="asBracket">)</span> <span class="asBracket">{</span>
                        tmpText <span class="asOperator">=</span> tmpText.replace<span class="asBracket">(</span><span class="asString">/ ALIGN=&quot;.*?&quot;/</span>g, <span class="asString">&quot;&quot;</span><span class="asBracket">)</span>;
                    <span class="asBracket">}</span>
                <span class="asBracket">}</span>
                
                <span class="asReserved">if</span><span class="asBracket">(</span>achk.selected<span class="asBracket">)</span> <span class="asBracket">{</span>
                    tmpText <span class="asOperator">=</span> tmpText.replace<span class="asBracket">(</span><span class="asString">/&lt;A.*?&gt;|&lt;\/A&gt;/</span>g, <span class="asString">&quot;&quot;</span><span class="asBracket">)</span>;
                <span class="asBracket">}</span>
                
                myTextArea.text <span class="asOperator">=</span> tmpText;
            <span class="asBracket">}</span>
            
            <span class="asReserved">private</span> <span class="asFunction">function</span> fontchkHandler<span class="asBracket">()</span><span class="asOperator">:</span><span class="asReserved">void</span>
            <span class="asBracket">{</span>
                fo1.enabled <span class="asOperator">=</span> <span class="asOperator">!</span>fontchk.selected;
                fo2.enabled <span class="asOperator">=</span> <span class="asOperator">!</span>fontchk.selected;
                fo3.enabled <span class="asOperator">=</span> <span class="asOperator">!</span>fontchk.selected;
                fo4.enabled <span class="asOperator">=</span> <span class="asOperator">!</span>fontchk.selected;
                fo5.enabled <span class="asOperator">=</span> <span class="asOperator">!</span>fontchk.selected;
            <span class="asBracket">}</span>
            
            <span class="asReserved">private</span> <span class="asFunction">function</span> textformatchkHandler<span class="asBracket">()</span><span class="asOperator">:</span><span class="asReserved">void</span>
            <span class="asBracket">{</span>
                tf1.enabled <span class="asOperator">=</span> <span class="asOperator">!</span>textformatchk.selected;
            <span class="asBracket">}</span>
            
            <span class="asReserved">private</span> <span class="asFunction">function</span> pchkHandler<span class="asBracket">()</span><span class="asOperator">:</span><span class="asReserved">void</span>
            <span class="asBracket">{</span>
                pa1.enabled <span class="asOperator">=</span> <span class="asOperator">!</span>pchk.selected;
            <span class="asBracket">}</span>
            
            <span class="asReserved">private</span> <span class="asFunction">function</span> gotoURL<span class="asBracket">(</span>addr<span class="asOperator">:</span>String<span class="asBracket">)</span><span class="asOperator">:</span><span class="asReserved">void</span> <span class="asBracket">{</span>
                <span class="asVar">var</span> u<span class="asOperator">:</span>URLRequest <span class="asOperator">=</span> <span class="asReserved">new</span> URLRequest<span class="asBracket">(</span>addr<span class="asBracket">)</span>;
                navigateToURL<span class="asBracket">(</span>u,<span class="asString">&quot;_self&quot;</span><span class="asBracket">)</span>;
            <span class="asBracket">}</span>
            
            <span class="asReserved">private</span> <span class="asFunction">function</span> createPopup<span class="asBracket">()</span><span class="asOperator">:</span><span class="asReserved">void</span>
            <span class="asBracket">{</span>
                <span class="asVar">var</span> helpWindow<span class="asOperator">:</span>HelpWindow <span class="asOperator">=</span> <span class="asReserved">new</span> HelpWindow<span class="asBracket">()</span>;
                helpWindow.height <span class="asOperator">=</span> 500;
                helpWindow.width <span class="asOperator">=</span> 400;
                mx.managers.PopUpManager.addPopUp<span class="asBracket">(</span>helpWindow, <span class="asReserved">this</span>, <span class="asReserved">false</span><span class="asBracket">)</span>;
            <span class="asBracket">}</span>
            
        <span class="asBracket">]]</span><span class="asOperator">&gt;</span>
    <span class="mxmlTag">&lt;/mx:Script&gt;</span>
    
    <span class="mxmlComponent">&lt;mx:Glow</span> id=&quot;<span class="mxmlString">hoverEffect</span>&quot; duration=&quot;<span class="mxmlString">1500</span>&quot; color=&quot;<span class="mxmlString">white</span>&quot;<span class="mxmlComponent">/&gt;</span>
    
    <span class="mxmlTag">&lt;mx:Style&gt;</span>
        <span class="cssSelector">CheckBox </span><span class="cssSymbol">{</span> <span class="cssPropName">disabledColor</span><span class="cssSymbol">:</span><span class="cssPropValue">#808080</span><span class="cssSymbol">;</span> <span class="cssSymbol">}</span>
    <span class="mxmlTag">&lt;/mx:Style&gt;</span>
    
    <span class="mxmlComponent">&lt;mx:VDividedBox</span> id=&quot;<span class="mxmlString">vdb</span>&quot; width=&quot;<span class="mxmlString">100%</span>&quot; height=&quot;<span class="mxmlString">100%</span>&quot; minWidth=&quot;<span class="mxmlString">440</span>&quot; minHeight=&quot;<span class="mxmlString">460</span>&quot;<span class="mxmlComponent">&gt;</span>
        <span class="mxmlComponent">&lt;mx:RichTextEditor</span> id=&quot;<span class="mxmlString">myRTE</span>&quot; width=&quot;<span class="mxmlString">100%</span>&quot; height=&quot;<span class="mxmlString">100%</span>&quot;
            htmlText=&quot;<span class="mxmlString">{</span>myTextArea.text<span class="mxmlString">}</span>&quot; title=&quot;<span class="mxmlString">Formatted Text</span>&quot;
            change=&quot;originalRTE <span class="asOperator">=</span> myRTE.htmlText;&quot;<span class="mxmlComponent">/&gt;</span>
        <span class="mxmlComponent">&lt;mx:Canvas</span> width=&quot;<span class="mxmlString">100%</span>&quot; height=&quot;<span class="mxmlString">100%</span>&quot; verticalScrollPolicy=&quot;<span class="mxmlString">off</span>&quot;<span class="mxmlComponent">&gt;</span>
            <span class="mxmlComponent">&lt;mx:VBox</span> width=&quot;<span class="mxmlString">135</span>&quot; x=&quot;<span class="mxmlString">0</span>&quot; y=&quot;<span class="mxmlString">0</span>&quot; height=&quot;<span class="mxmlString">100%</span>&quot; horizontalAlign=&quot;<span class="mxmlString">left</span>&quot;
                borderThickness=&quot;<span class="mxmlString">3</span>&quot; borderStyle=&quot;<span class="mxmlString">outset</span>&quot; paddingLeft=&quot;<span class="mxmlString">5</span>&quot; paddingTop=&quot;<span class="mxmlString">5</span>&quot;<span class="mxmlComponent">&gt;</span>
                <span class="mxmlComment">&lt;!--</span><span class="mxmlComment">This button actually adds tags back in if you uncheck items and click it again </span><span class="mxmlComment">--&gt;</span>
                <span class="mxmlComponent">&lt;mx:Button</span> label=&quot;<span class="mxmlString">Remove tags</span>&quot; width=&quot;<span class="mxmlString">120</span>&quot; click=&quot;strip<span class="asBracket">()</span>;&quot;
                    icon=&quot;<span class="mxmlString">@Embed(&apos;img/page_white_code.png&apos;)</span>&quot; labelPlacement=&quot;<span class="mxmlString">right</span>&quot; textAlign=&quot;<span class="mxmlString">left</span>&quot;<span class="mxmlComponent">/&gt;</span>
                <span class="mxmlComponent">&lt;mx:Canvas</span> width=&quot;<span class="mxmlString">120</span>&quot; backgroundColor=&quot;<span class="mxmlString">white</span>&quot; backgroundAlpha=&quot;<span class="mxmlString">{</span>sectionAlpha<span class="mxmlString">}</span>&quot;<span class="mxmlComponent">&gt;</span>
                    <span class="mxmlComponent">&lt;mx:CheckBox</span> id=&quot;<span class="mxmlString">textformatchk</span>&quot; label=&quot;<span class="mxmlString">TEXTFORMAT</span>&quot; x=&quot;<span class="mxmlString">4</span>&quot; y=&quot;<span class="mxmlString">5</span>&quot;
                        fontWeight=&quot;<span class="mxmlString">bold</span>&quot; click=&quot;textformatchkHandler<span class="asBracket">()</span>;&quot;<span class="mxmlComponent">/&gt;</span>
                        <span class="mxmlComponent">&lt;mx:CheckBox</span> id=&quot;<span class="mxmlString">tf1</span>&quot; label=&quot;<span class="mxmlString">Leading</span>&quot; x=&quot;<span class="mxmlString">10</span>&quot; y=&quot;<span class="mxmlString">25</span>&quot;<span class="mxmlComponent">/&gt;</span>                    
                <span class="mxmlComponent">&lt;/mx:Canvas&gt;</span>
                <span class="mxmlComponent">&lt;mx:Canvas</span> width=&quot;<span class="mxmlString">120</span>&quot; backgroundColor=&quot;<span class="mxmlString">white</span>&quot; backgroundAlpha=&quot;<span class="mxmlString">{</span>sectionAlpha<span class="mxmlString">}</span>&quot;<span class="mxmlComponent">&gt;</span>
                    <span class="mxmlComponent">&lt;mx:CheckBox</span> id=&quot;<span class="mxmlString">fontchk</span>&quot; label=&quot;<span class="mxmlString">FONT</span>&quot; x=&quot;<span class="mxmlString">4</span>&quot; y=&quot;<span class="mxmlString">5</span>&quot;
                        fontWeight=&quot;<span class="mxmlString">bold</span>&quot; click=&quot;fontchkHandler<span class="asBracket">()</span>;&quot;<span class="mxmlComponent">/&gt;</span>
                        <span class="mxmlComponent">&lt;mx:CheckBox</span> id=&quot;<span class="mxmlString">fo1</span>&quot; label=&quot;<span class="mxmlString">Face</span>&quot; x=&quot;<span class="mxmlString">10</span>&quot; y=&quot;<span class="mxmlString">25</span>&quot;<span class="mxmlComponent">/&gt;</span>
                        <span class="mxmlComponent">&lt;mx:CheckBox</span> id=&quot;<span class="mxmlString">fo2</span>&quot; label=&quot;<span class="mxmlString">Size</span>&quot; x=&quot;<span class="mxmlString">10</span>&quot; y=&quot;<span class="mxmlString">45</span>&quot;<span class="mxmlComponent">/&gt;</span>
                        <span class="mxmlComponent">&lt;mx:CheckBox</span> id=&quot;<span class="mxmlString">fo3</span>&quot; label=&quot;<span class="mxmlString">Color</span>&quot; x=&quot;<span class="mxmlString">10</span>&quot; y=&quot;<span class="mxmlString">65</span>&quot;<span class="mxmlComponent">/&gt;</span>
                        <span class="mxmlComponent">&lt;mx:CheckBox</span> id=&quot;<span class="mxmlString">fo4</span>&quot; label=&quot;<span class="mxmlString">LetterSpacing</span>&quot; x=&quot;<span class="mxmlString">10</span>&quot; y=&quot;<span class="mxmlString">85</span>&quot;<span class="mxmlComponent">/&gt;</span>
                        <span class="mxmlComponent">&lt;mx:CheckBox</span> id=&quot;<span class="mxmlString">fo5</span>&quot; label=&quot;<span class="mxmlString">Kerning</span>&quot; x=&quot;<span class="mxmlString">10</span>&quot; y=&quot;<span class="mxmlString">105</span>&quot;<span class="mxmlComponent">/&gt;</span>                    
                <span class="mxmlComponent">&lt;/mx:Canvas&gt;</span>
                <span class="mxmlComponent">&lt;mx:Canvas</span> width=&quot;<span class="mxmlString">120</span>&quot; backgroundColor=&quot;<span class="mxmlString">white</span>&quot; backgroundAlpha=&quot;<span class="mxmlString">{</span>sectionAlpha<span class="mxmlString">}</span>&quot;<span class="mxmlComponent">&gt;</span>
                    <span class="mxmlComponent">&lt;mx:CheckBox</span> id=&quot;<span class="mxmlString">pchk</span>&quot; label=&quot;<span class="mxmlString">P</span>&quot; x=&quot;<span class="mxmlString">4</span>&quot; y=&quot;<span class="mxmlString">5</span>&quot;
                        fontWeight=&quot;<span class="mxmlString">bold</span>&quot; click=&quot;pchkHandler<span class="asBracket">()</span>;&quot;<span class="mxmlComponent">/&gt;</span>
                        <span class="mxmlComponent">&lt;mx:CheckBox</span> id=&quot;<span class="mxmlString">pa1</span>&quot; label=&quot;<span class="mxmlString">Align</span>&quot; x=&quot;<span class="mxmlString">10</span>&quot; y=&quot;<span class="mxmlString">25</span>&quot;<span class="mxmlComponent">/&gt;</span>                    
                <span class="mxmlComponent">&lt;/mx:Canvas&gt;</span>
                <span class="mxmlComponent">&lt;mx:Canvas</span> width=&quot;<span class="mxmlString">120</span>&quot; backgroundColor=&quot;<span class="mxmlString">white</span>&quot; backgroundAlpha=&quot;<span class="mxmlString">{</span>sectionAlpha<span class="mxmlString">}</span>&quot;<span class="mxmlComponent">&gt;</span>
                    <span class="mxmlComponent">&lt;mx:CheckBox</span> id=&quot;<span class="mxmlString">achk</span>&quot; label=&quot;<span class="mxmlString">A HREF</span>&quot; x=&quot;<span class="mxmlString">4</span>&quot; y=&quot;<span class="mxmlString">5</span>&quot;<span class="mxmlComponent">/&gt;</span>                
                <span class="mxmlComponent">&lt;/mx:Canvas&gt;</span>
            <span class="mxmlComponent">&lt;/mx:VBox&gt;</span>
            <span class="mxmlComponent">&lt;mx:Panel</span> title=&quot;<span class="mxmlString">Flex compatible HTML</span>&quot; left=&quot;<span class="mxmlString">140</span>&quot; right=&quot;<span class="mxmlString">0</span>&quot; height=&quot;<span class="mxmlString">100%</span>&quot;<span class="mxmlComponent">&gt;</span>
                <span class="mxmlComponent">&lt;mx:TextArea</span> id=&quot;<span class="mxmlString">myTextArea</span>&quot; text=&quot;<span class="mxmlString">{</span>myRTE.htmlText<span class="mxmlString">}</span>&quot;
                    width=&quot;<span class="mxmlString">100%</span>&quot; height=&quot;<span class="mxmlString">100%</span>&quot;<span class="mxmlComponent">/&gt;</span>
                <span class="mxmlComponent">&lt;mx:ControlBar</span> id=&quot;<span class="mxmlString">ctlbar</span>&quot;<span class="mxmlComponent">&gt;</span>
                    <span class="mxmlComponent">&lt;mx:Button</span> label=&quot;<span class="mxmlString">Copy HTML to clipboard</span>&quot; id=&quot;<span class="mxmlString">clipbdBtn</span>&quot;
                        icon=&quot;<span class="mxmlString">@Embed(&apos;img/page_paste.png&apos;)</span>&quot; labelPlacement=&quot;<span class="mxmlString">left</span>&quot;
                        click=&quot;System.setClipboard<span class="asBracket">(</span>myTextArea.text<span class="asBracket">)</span>;&quot;<span class="mxmlComponent">/&gt;</span>
                    <span class="mxmlComponent">&lt;mx:Spacer</span> width=&quot;<span class="mxmlString">{</span>ctlbar.width <span class="asOperator">-</span> clipbdBtn.width <span class="asOperator">-</span>
                        lastupdate.width <span class="asOperator">-</span> helpBtn.width <span class="asOperator">-</span> emailBtn.width <span class="asOperator">-</span> 60<span class="mxmlString">}</span>&quot;<span class="mxmlComponent">/&gt;</span>
                    <span class="mxmlComponent">&lt;mx:Label</span> id=&quot;<span class="mxmlString">lastupdate</span>&quot; text=&quot;<span class="mxmlString">Last updated 4/19/2007</span>&quot;
                        fontSize=&quot;<span class="mxmlString">9</span>&quot; color=&quot;<span class="mxmlString">#666666</span>&quot;<span class="mxmlComponent">/&gt;</span>
                    <span class="mxmlComponent">&lt;mx:Image</span> id=&quot;<span class="mxmlString">helpBtn</span>&quot; source=&quot;<span class="mxmlString">img/help.png</span>&quot; rollOverEffect=&quot;<span class="mxmlString">{</span>hoverEffect<span class="mxmlString">}</span>&quot;
                        click=&quot;createPopup<span class="asBracket">()</span>;&quot; visible=&quot;<span class="mxmlString">true</span>&quot;<span class="mxmlComponent">/&gt;</span>
                    <span class="mxmlComponent">&lt;mx:Image</span> id=&quot;<span class="mxmlString">emailBtn</span>&quot; source=&quot;<span class="mxmlString">img/envelope.png</span>&quot; toolTip=&quot;<span class="mxmlString">Send feedback</span>&quot;
                        click=&quot;gotoURL<span class="asBracket">(</span><span class="asString">&apos;mailto:marty@theflexguy.com&apos;</span><span class="asBracket">)</span>;&quot; rollOverEffect=&quot;<span class="mxmlString">{</span>hoverEffect<span class="mxmlString">}</span>&quot;<span class="mxmlComponent">/&gt;</span>
                <span class="mxmlComponent">&lt;/mx:ControlBar&gt;</span>
            <span class="mxmlComponent">&lt;/mx:Panel&gt;</span>
        <span class="mxmlComponent">&lt;/mx:Canvas&gt;</span>        
    <span class="mxmlComponent">&lt;/mx:VDividedBox&gt;</span>
<span class="mxmlComponent">&lt;/mx:Application&gt;</span></pre></body>
</html>