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"><?xml version="1.0" encoding="utf-8"?></span>
<span class="mxmlComponent"><mx:Application</span> xmlns:mx="<span class="mxmlString">http://www.adobe.com/2006/mxml</span>" layout="<span class="mxmlString">vertical</span>"
pageTitle="<span class="mxmlString">htmlText Editor</span>" viewSourceURL="<span class="mxmlString">srcview/index.html</span>"<span class="mxmlComponent">></span>
<span class="mxmlTag"><mx:Script></span>
<span class="asOperator"><!</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">""</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">/<TEXTFORMAT.*?>|<\/TEXTFORMAT>/</span>g, <span class="asString">""</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=".*?"/</span>g, <span class="asString">""</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">/<FONT.*?>|<\/FONT>/</span>g, <span class="asString">""</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=".*?"/</span>g, <span class="asString">""</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=".*?"/</span>g, <span class="asString">""</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=".*?"/</span>g, <span class="asString">""</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=".*?"/</span>g, <span class="asString">""</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=".*?"/</span>g, <span class="asString">""</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">/<P.*?>|<\/P>/</span>g, <span class="asString">""</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=".*?"/</span>g, <span class="asString">""</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">/<A.*?>|<\/A>/</span>g, <span class="asString">""</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">"_self"</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">></span>
<span class="mxmlTag"></mx:Script></span>
<span class="mxmlComponent"><mx:Glow</span> id="<span class="mxmlString">hoverEffect</span>" duration="<span class="mxmlString">1500</span>" color="<span class="mxmlString">white</span>"<span class="mxmlComponent">/></span>
<span class="mxmlTag"><mx:Style></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"></mx:Style></span>
<span class="mxmlComponent"><mx:VDividedBox</span> id="<span class="mxmlString">vdb</span>" width="<span class="mxmlString">100%</span>" height="<span class="mxmlString">100%</span>" minWidth="<span class="mxmlString">440</span>" minHeight="<span class="mxmlString">460</span>"<span class="mxmlComponent">></span>
<span class="mxmlComponent"><mx:RichTextEditor</span> id="<span class="mxmlString">myRTE</span>" width="<span class="mxmlString">100%</span>" height="<span class="mxmlString">100%</span>"
htmlText="<span class="mxmlString">{</span>myTextArea.text<span class="mxmlString">}</span>" title="<span class="mxmlString">Formatted Text</span>"
change="originalRTE <span class="asOperator">=</span> myRTE.htmlText;"<span class="mxmlComponent">/></span>
<span class="mxmlComponent"><mx:Canvas</span> width="<span class="mxmlString">100%</span>" height="<span class="mxmlString">100%</span>" verticalScrollPolicy="<span class="mxmlString">off</span>"<span class="mxmlComponent">></span>
<span class="mxmlComponent"><mx:VBox</span> width="<span class="mxmlString">135</span>" x="<span class="mxmlString">0</span>" y="<span class="mxmlString">0</span>" height="<span class="mxmlString">100%</span>" horizontalAlign="<span class="mxmlString">left</span>"
borderThickness="<span class="mxmlString">3</span>" borderStyle="<span class="mxmlString">outset</span>" paddingLeft="<span class="mxmlString">5</span>" paddingTop="<span class="mxmlString">5</span>"<span class="mxmlComponent">></span>
<span class="mxmlComment"><!--</span><span class="mxmlComment">This button actually adds tags back in if you uncheck items and click it again </span><span class="mxmlComment">--></span>
<span class="mxmlComponent"><mx:Button</span> label="<span class="mxmlString">Remove tags</span>" width="<span class="mxmlString">120</span>" click="strip<span class="asBracket">()</span>;"
icon="<span class="mxmlString">@Embed('img/page_white_code.png')</span>" labelPlacement="<span class="mxmlString">right</span>" textAlign="<span class="mxmlString">left</span>"<span class="mxmlComponent">/></span>
<span class="mxmlComponent"><mx:Canvas</span> width="<span class="mxmlString">120</span>" backgroundColor="<span class="mxmlString">white</span>" backgroundAlpha="<span class="mxmlString">{</span>sectionAlpha<span class="mxmlString">}</span>"<span class="mxmlComponent">></span>
<span class="mxmlComponent"><mx:CheckBox</span> id="<span class="mxmlString">textformatchk</span>" label="<span class="mxmlString">TEXTFORMAT</span>" x="<span class="mxmlString">4</span>" y="<span class="mxmlString">5</span>"
fontWeight="<span class="mxmlString">bold</span>" click="textformatchkHandler<span class="asBracket">()</span>;"<span class="mxmlComponent">/></span>
<span class="mxmlComponent"><mx:CheckBox</span> id="<span class="mxmlString">tf1</span>" label="<span class="mxmlString">Leading</span>" x="<span class="mxmlString">10</span>" y="<span class="mxmlString">25</span>"<span class="mxmlComponent">/></span>
<span class="mxmlComponent"></mx:Canvas></span>
<span class="mxmlComponent"><mx:Canvas</span> width="<span class="mxmlString">120</span>" backgroundColor="<span class="mxmlString">white</span>" backgroundAlpha="<span class="mxmlString">{</span>sectionAlpha<span class="mxmlString">}</span>"<span class="mxmlComponent">></span>
<span class="mxmlComponent"><mx:CheckBox</span> id="<span class="mxmlString">fontchk</span>" label="<span class="mxmlString">FONT</span>" x="<span class="mxmlString">4</span>" y="<span class="mxmlString">5</span>"
fontWeight="<span class="mxmlString">bold</span>" click="fontchkHandler<span class="asBracket">()</span>;"<span class="mxmlComponent">/></span>
<span class="mxmlComponent"><mx:CheckBox</span> id="<span class="mxmlString">fo1</span>" label="<span class="mxmlString">Face</span>" x="<span class="mxmlString">10</span>" y="<span class="mxmlString">25</span>"<span class="mxmlComponent">/></span>
<span class="mxmlComponent"><mx:CheckBox</span> id="<span class="mxmlString">fo2</span>" label="<span class="mxmlString">Size</span>" x="<span class="mxmlString">10</span>" y="<span class="mxmlString">45</span>"<span class="mxmlComponent">/></span>
<span class="mxmlComponent"><mx:CheckBox</span> id="<span class="mxmlString">fo3</span>" label="<span class="mxmlString">Color</span>" x="<span class="mxmlString">10</span>" y="<span class="mxmlString">65</span>"<span class="mxmlComponent">/></span>
<span class="mxmlComponent"><mx:CheckBox</span> id="<span class="mxmlString">fo4</span>" label="<span class="mxmlString">LetterSpacing</span>" x="<span class="mxmlString">10</span>" y="<span class="mxmlString">85</span>"<span class="mxmlComponent">/></span>
<span class="mxmlComponent"><mx:CheckBox</span> id="<span class="mxmlString">fo5</span>" label="<span class="mxmlString">Kerning</span>" x="<span class="mxmlString">10</span>" y="<span class="mxmlString">105</span>"<span class="mxmlComponent">/></span>
<span class="mxmlComponent"></mx:Canvas></span>
<span class="mxmlComponent"><mx:Canvas</span> width="<span class="mxmlString">120</span>" backgroundColor="<span class="mxmlString">white</span>" backgroundAlpha="<span class="mxmlString">{</span>sectionAlpha<span class="mxmlString">}</span>"<span class="mxmlComponent">></span>
<span class="mxmlComponent"><mx:CheckBox</span> id="<span class="mxmlString">pchk</span>" label="<span class="mxmlString">P</span>" x="<span class="mxmlString">4</span>" y="<span class="mxmlString">5</span>"
fontWeight="<span class="mxmlString">bold</span>" click="pchkHandler<span class="asBracket">()</span>;"<span class="mxmlComponent">/></span>
<span class="mxmlComponent"><mx:CheckBox</span> id="<span class="mxmlString">pa1</span>" label="<span class="mxmlString">Align</span>" x="<span class="mxmlString">10</span>" y="<span class="mxmlString">25</span>"<span class="mxmlComponent">/></span>
<span class="mxmlComponent"></mx:Canvas></span>
<span class="mxmlComponent"><mx:Canvas</span> width="<span class="mxmlString">120</span>" backgroundColor="<span class="mxmlString">white</span>" backgroundAlpha="<span class="mxmlString">{</span>sectionAlpha<span class="mxmlString">}</span>"<span class="mxmlComponent">></span>
<span class="mxmlComponent"><mx:CheckBox</span> id="<span class="mxmlString">achk</span>" label="<span class="mxmlString">A HREF</span>" x="<span class="mxmlString">4</span>" y="<span class="mxmlString">5</span>"<span class="mxmlComponent">/></span>
<span class="mxmlComponent"></mx:Canvas></span>
<span class="mxmlComponent"></mx:VBox></span>
<span class="mxmlComponent"><mx:Panel</span> title="<span class="mxmlString">Flex compatible HTML</span>" left="<span class="mxmlString">140</span>" right="<span class="mxmlString">0</span>" height="<span class="mxmlString">100%</span>"<span class="mxmlComponent">></span>
<span class="mxmlComponent"><mx:TextArea</span> id="<span class="mxmlString">myTextArea</span>" text="<span class="mxmlString">{</span>myRTE.htmlText<span class="mxmlString">}</span>"
width="<span class="mxmlString">100%</span>" height="<span class="mxmlString">100%</span>"<span class="mxmlComponent">/></span>
<span class="mxmlComponent"><mx:ControlBar</span> id="<span class="mxmlString">ctlbar</span>"<span class="mxmlComponent">></span>
<span class="mxmlComponent"><mx:Button</span> label="<span class="mxmlString">Copy HTML to clipboard</span>" id="<span class="mxmlString">clipbdBtn</span>"
icon="<span class="mxmlString">@Embed('img/page_paste.png')</span>" labelPlacement="<span class="mxmlString">left</span>"
click="System.setClipboard<span class="asBracket">(</span>myTextArea.text<span class="asBracket">)</span>;"<span class="mxmlComponent">/></span>
<span class="mxmlComponent"><mx:Spacer</span> width="<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>"<span class="mxmlComponent">/></span>
<span class="mxmlComponent"><mx:Label</span> id="<span class="mxmlString">lastupdate</span>" text="<span class="mxmlString">Last updated 4/19/2007</span>"
fontSize="<span class="mxmlString">9</span>" color="<span class="mxmlString">#666666</span>"<span class="mxmlComponent">/></span>
<span class="mxmlComponent"><mx:Image</span> id="<span class="mxmlString">helpBtn</span>" source="<span class="mxmlString">img/help.png</span>" rollOverEffect="<span class="mxmlString">{</span>hoverEffect<span class="mxmlString">}</span>"
click="createPopup<span class="asBracket">()</span>;" visible="<span class="mxmlString">true</span>"<span class="mxmlComponent">/></span>
<span class="mxmlComponent"><mx:Image</span> id="<span class="mxmlString">emailBtn</span>" source="<span class="mxmlString">img/envelope.png</span>" toolTip="<span class="mxmlString">Send feedback</span>"
click="gotoURL<span class="asBracket">(</span><span class="asString">'mailto:marty@theflexguy.com'</span><span class="asBracket">)</span>;" rollOverEffect="<span class="mxmlString">{</span>hoverEffect<span class="mxmlString">}</span>"<span class="mxmlComponent">/></span>
<span class="mxmlComponent"></mx:ControlBar></span>
<span class="mxmlComponent"></mx:Panel></span>
<span class="mxmlComponent"></mx:Canvas></span>
<span class="mxmlComponent"></mx:VDividedBox></span>
<span class="mxmlComponent"></mx:Application></span></pre></body>
</html>