| <!-- |
| Licensed to the Apache Software Foundation (ASF) under one or more |
| contributor license agreements. See the NOTICE file distributed with |
| this work for additional information regarding copyright ownership. |
| The ASF licenses this file to You under the Apache License, Version 2.0 |
| (the "License"); you may not use this file except in compliance with |
| the License. You may obtain a copy of the License at |
| |
| http://www.apache.org/licenses/LICENSE-2.0 |
| |
| Unless required by applicable law or agreed to in writing, software |
| distributed under the License is distributed on an "AS IS" BASIS, |
| WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. |
| See the License for the specific language governing permissions and |
| limitations under the License. |
| --> |
| <!-- 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>sample.mxml</title> |
| <link rel="stylesheet" type="text/css" href="../SourceStyles.css"/> |
| </head> |
| |
| <body><pre><span class="MXMLProcessing_Instruction"><?xml version="1.0" encoding="utf-8"?></span> |
| <span class="MXMLComponent_Tag"><s:Application</span><span class="MXMLDefault_Text"> xmlns:fx="</span><span class="MXMLString">http://ns.adobe.com/mxml/2009</span><span class="MXMLDefault_Text">" |
| xmlns:s="</span><span class="MXMLString">library://ns.adobe.com/flex/spark</span><span class="MXMLDefault_Text">" |
| xmlns:mx="</span><span class="MXMLString">library://ns.adobe.com/flex/mx</span><span class="MXMLDefault_Text">" |
| preinitialize="</span><span class="ActionScriptDefault_Text">init</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;<span class="MXMLDefault_Text">" viewSourceURL="</span><span class="MXMLString">srcview/index.html</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">></span> |
| |
| <span class="MXMLComment"><!--</span><span class="MXMLComment"> Based on samples from Peter DeHaan's blog: http://blog.flexexamples.com/ </span><span class="MXMLComment">--></span> |
| |
| <span class="MXMLSpecial_Tag"><fx:Script></span> |
| <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">flashx</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">textLayout</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">elements</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">Configuration</span>; |
| <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">flashx</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">textLayout</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">elements</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">TextFlow</span>; |
| <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">flashx</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">textLayout</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">formats</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">TextDecoration</span>; |
| <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">flashx</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">textLayout</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">formats</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">TextLayoutFormat</span>; |
| |
| <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">spark</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">events</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">TextOperationEvent</span>; |
| |
| <span class="ActionScriptBracket/Brace">[</span><span class="ActionScriptMetadata">Bindable</span><span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptReserved">protected</span> <span class="ActionScriptReserved">static</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">lineCount</span>:<span class="ActionScriptDefault_Text">uint</span> <span class="ActionScriptOperator">=</span> 0; |
| |
| <span class="ActionScriptReserved">protected</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">richEdTxt_changeHandler</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">evt</span>:<span class="ActionScriptDefault_Text">TextOperationEvent</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span> <span class="ActionScriptBracket/Brace">{</span> |
| <span class="ActionScriptDefault_Text">lineCount</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">richEdTxt</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">mx_internal</span><span class="ActionScriptOperator">::</span><span class="ActionScriptDefault_Text">textContainerManager</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">numLines</span>; |
| <span class="ActionScriptDefault_Text">lineCnt</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">lineCount</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">toString</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>; |
| <span class="ActionScriptBracket/Brace">}</span> |
| |
| <span class="ActionScriptReserved">protected</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">init</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span> <span class="ActionScriptBracket/Brace">{</span> |
| <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">cfg</span>:<span class="ActionScriptDefault_Text">Configuration</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">TextFlow</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">defaultConfiguration</span>; |
| |
| <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">normalTLF</span>:<span class="ActionScriptDefault_Text">TextLayoutFormat</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">TextLayoutFormat</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">cfg</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">defaultLinkNormalFormat</span><span class="ActionScriptBracket/Brace">)</span>; |
| <span class="ActionScriptDefault_Text">normalTLF</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">color</span> <span class="ActionScriptOperator">=</span> 0xFF0000; |
| |
| <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">hoverTLF</span>:<span class="ActionScriptDefault_Text">TextLayoutFormat</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">TextLayoutFormat</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">cfg</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">defaultLinkHoverFormat</span><span class="ActionScriptBracket/Brace">)</span>; |
| <span class="ActionScriptDefault_Text">hoverTLF</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">color</span> <span class="ActionScriptOperator">=</span> 0xFF00FF; |
| <span class="ActionScriptDefault_Text">hoverTLF</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">textDecoration</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">TextDecoration</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">NONE</span>; |
| |
| <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">activeTLF</span>:<span class="ActionScriptDefault_Text">TextLayoutFormat</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">TextLayoutFormat</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">cfg</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">defaultLinkActiveFormat</span><span class="ActionScriptBracket/Brace">)</span>; |
| <span class="ActionScriptDefault_Text">activeTLF</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">color</span> <span class="ActionScriptOperator">=</span> 0x00FF00; |
| |
| <span class="ActionScriptDefault_Text">cfg</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">defaultLinkNormalFormat</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">normalTLF</span>; |
| <span class="ActionScriptDefault_Text">cfg</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">defaultLinkHoverFormat</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">hoverTLF</span>; |
| <span class="ActionScriptDefault_Text">cfg</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">defaultLinkActiveFormat</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">activeTLF</span>; |
| <span class="ActionScriptDefault_Text">TextFlow</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">defaultConfiguration</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">cfg</span>; |
| <span class="ActionScriptBracket/Brace">}</span> |
| <span class="MXMLSpecial_Tag"></fx:Script></span> |
| <span class="MXMLSpecial_Tag"><fx:Style></span> |
| <span class="CSS@namespace">@namespace</span> <span class="CSSSelector">s </span><span class="CSSString">"library://ns.adobe.com/flex/spark"</span>; |
| <span class="CSS@namespace">@namespace</span> <span class="CSSSelector">mx </span><span class="CSSString">"library://ns.adobe.com/flex/mx"</span>; |
| |
| <span class="CSSSelector">s|VGroup s|Label </span><span class="CSSDelimiters">{</span> |
| <span class="CSSProperty_Name">fontWeight</span><span class="CSSDelimiters">:</span> <span class="CSSString">"bold"</span><span class="CSSDelimiters">;</span> |
| <span class="CSSDelimiters">}</span> |
| <span class="MXMLSpecial_Tag"></fx:Style></span> |
| <span class="MXMLComponent_Tag"><s:Panel</span><span class="MXMLDefault_Text"> width="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" |
| skinClass="</span><span class="MXMLString">skins.TDFPanelSkin</span><span class="MXMLDefault_Text">" |
| title="</span><span class="MXMLString">RichEditableText Sample</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">></span> |
| |
| <span class="MXMLComponent_Tag"><s:VGroup</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">vgrp</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" top="</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">" left="</span><span class="MXMLString">15</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">></span> |
| <span class="MXMLComponent_Tag"><s:HGroup></span> |
| <span class="MXMLComponent_Tag"><s:Label</span><span class="MXMLDefault_Text"> text="</span><span class="MXMLString">Uneditable text with formatted link:</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/></span> |
| <span class="MXMLComponent_Tag"><s:RichEditableText</span><span class="MXMLDefault_Text"> editable="</span><span class="MXMLString">false</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">></span> |
| <span class="MXMLComponent_Tag"><s:content></span> |
| <span class="MXMLComponent_Tag"><s:p></span>The quick brown <span class="MXMLComponent_Tag"><s:a</span><span class="MXMLDefault_Text"> href="</span><span class="MXMLString">http://www.adobe.com/</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">></span>fox<span class="MXMLComponent_Tag"></s:a></span> jumps over the lazy dog.<span class="MXMLComponent_Tag"></s:p></span> |
| <span class="MXMLComponent_Tag"></s:content></span> |
| <span class="MXMLComponent_Tag"></s:RichEditableText></span> |
| <span class="MXMLComponent_Tag"></s:HGroup></span> |
| <span class="MXMLComponent_Tag"><s:HGroup></span> |
| <span class="MXMLComponent_Tag"><s:Label</span><span class="MXMLDefault_Text"> text="</span><span class="MXMLString">Editable text:</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/></span> |
| <span class="MXMLComponent_Tag"><s:RichEditableText</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">richEdTxt</span><span class="MXMLDefault_Text">" widthInChars="</span><span class="MXMLString">20</span><span class="MXMLDefault_Text">" heightInLines="</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">" |
| change="</span><span class="ActionScriptDefault_Text">richEdTxt_changeHandler</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span><span class="ActionScriptBracket/Brace">)</span>;<span class="MXMLDefault_Text">" backgroundColor="</span><span class="MXMLString">0xCCCCCC</span><span class="MXMLDefault_Text">" text="</span><span class="MXMLString">Hello world!</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">></span> |
| <span class="MXMLComponent_Tag"></s:RichEditableText></span> |
| <span class="MXMLComponent_Tag"></s:HGroup></span> |
| <span class="MXMLComponent_Tag"><s:HGroup></span> |
| <span class="MXMLComponent_Tag"><s:Label</span><span class="MXMLDefault_Text"> text="</span><span class="MXMLString">Line Count of editable text:</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/></span> |
| <span class="MXMLComponent_Tag"><s:Label</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">lineCnt</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/></span> |
| <span class="MXMLComponent_Tag"></s:HGroup></span> |
| |
| <span class="MXMLComponent_Tag"></s:VGroup></span> |
| <span class="MXMLComponent_Tag"><s:Label</span><span class="MXMLDefault_Text"> width="</span><span class="MXMLString">266</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">180</span><span class="MXMLDefault_Text">" right="</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">" top="</span><span class="MXMLString">38</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">0x323232</span><span class="MXMLDefault_Text">" text="</span><span class="MXMLString">RichEditableText is a low-level UIComponent for displaying, scrolling, selecting, and editing richly-formatted text. |
| The rich text can contain clickable hyperlinks and inline graphics that are either embedded or loaded from URLs. RichEditableText does not have scrollbars, but it implements |
| the IViewport interface for programmatic scrolling so that it can be controlled by a Scroller, which does provide scrollbars. It also supports vertical scrolling with the mouse wheel.</span><span class="MXMLDefault_Text">" </span><span class="MXMLComponent_Tag">/></span> |
| <span class="MXMLComponent_Tag"></s:Panel></span> |
| |
| <span class="MXMLComponent_Tag"></s:Application></span></pre></body> |
| </html> |