<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>CODIGO.actionscript &#187; Flash Builder 4</title>
	<atom:link href="http://www.codigoactionscript.org/category/flash-builder-4/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.codigoactionscript.org</link>
	<description>Blog de programación en ActionScript. Tips, tutoriales, ejemplos de Adobe Flash, Flex y AIR</description>
	<lastBuildDate>Fri, 30 Sep 2011 11:25:38 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3</generator>
		<item>
		<title>AdobeTV: Air for Android Development</title>
		<link>http://www.codigoactionscript.org/adobetv-air-for-android-development/</link>
		<comments>http://www.codigoactionscript.org/adobetv-air-for-android-development/#comments</comments>
		<pubDate>Thu, 23 Jun 2011 17:22:31 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Adobe]]></category>
		<category><![CDATA[AIR]]></category>
		<category><![CDATA[Android]]></category>
		<category><![CDATA[Flash Builder 4]]></category>
		<category><![CDATA[Videotutorial]]></category>
		<category><![CDATA[adobetv]]></category>

		<guid isPermaLink="false">http://www.codigoactionscript.org/?p=715</guid>
		<description><![CDATA[<img width="310" height="80" src="http://www.codigoactionscript.org/wp-content/uploads/2011/06/adobetv.jpg" class="attachment-310x85 wp-post-image" alt="adobetv" title="adobetv" /><p>Duane Nickull ilustra las diferencias en el desarrollo de aplicaciones móviles con dos diferentes SDK de Flex (4.1 y 4.5). Un enlace al código fuente de ambos proyectos está disponible en el video.</p>
<p></p>
<p>Related posts:
AdobeTV: Desarrollo AIR para Android con Flash [...]
Related posts:<ol>
<li><a href='http://www.codigoactionscript.org/adobetv-desarrollo-air-para-android-con-flash-cs5/' rel='bookmark' title='AdobeTV: Desarrollo AIR para Android con Flash CS5'>AdobeTV: Desarrollo AIR para Android con Flash CS5</a></li>
<li><a href='http://www.codigoactionscript.org/adobe-air-2-6-para-android-ya-disponible/' rel='bookmark' title='Adobe AIR 2.6 para Android ya disponible'>Adobe AIR 2.6 para Android ya disponible</a></li>
<li><a href='http://www.codigoactionscript.org/adobetv-screen-density/' rel='bookmark' title='AdobeTV: Screen density'>AdobeTV: Screen density</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p>Duane Nickull ilustra las diferencias en el desarrollo de aplicaciones móviles con dos diferentes SDK de Flex (4.1 y 4.5). Un enlace al código fuente de ambos proyectos está disponible en el video.</p>
<p><iframe title="AdobeTV Video Player" width="480" height="296" src="http://tv.adobe.com/embed/63/8786/" frameborder="0" allowfullscreen scrolling="no"></iframe></p>
<p>Related posts:<ol>
<li><a href='http://www.codigoactionscript.org/adobetv-desarrollo-air-para-android-con-flash-cs5/' rel='bookmark' title='AdobeTV: Desarrollo AIR para Android con Flash CS5'>AdobeTV: Desarrollo AIR para Android con Flash CS5</a></li>
<li><a href='http://www.codigoactionscript.org/adobe-air-2-6-para-android-ya-disponible/' rel='bookmark' title='Adobe AIR 2.6 para Android ya disponible'>Adobe AIR 2.6 para Android ya disponible</a></li>
<li><a href='http://www.codigoactionscript.org/adobetv-screen-density/' rel='bookmark' title='AdobeTV: Screen density'>AdobeTV: Screen density</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.codigoactionscript.org/adobetv-air-for-android-development/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>AdobeTV: Control del escritorio con dispositivos móviles</title>
		<link>http://www.codigoactionscript.org/adobetv-control-del-escritorio-con-dispositivos-moviles/</link>
		<comments>http://www.codigoactionscript.org/adobetv-control-del-escritorio-con-dispositivos-moviles/#comments</comments>
		<pubDate>Wed, 01 Jun 2011 14:01:15 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Adobe]]></category>
		<category><![CDATA[AS3]]></category>
		<category><![CDATA[Avanzado]]></category>
		<category><![CDATA[Flash Builder 4]]></category>
		<category><![CDATA[Videotutorial]]></category>

		<guid isPermaLink="false">http://www.codigoactionscript.org/?p=700</guid>
		<description><![CDATA[<img width="310" height="80" src="http://www.codigoactionscript.org/wp-content/uploads/2011/06/adobetv.jpg" class="attachment-310x85 wp-post-image" alt="adobetv" title="adobetv" /><p>Platform Evangelist Tomas Krcha demuestra la capacidad de controlar una aplicación de escritorio a través de dispositivos móviles con Flash Builder.</p>
<p></p>
<p>Related posts:
AdobeTV: Screen density
AdobeTV: Conectar un diseño de Flash Catalyst a una Base de datos con Flash Builder
Beta de Adobe [...]
Related posts:<ol>
<li><a href='http://www.codigoactionscript.org/adobetv-screen-density/' rel='bookmark' title='AdobeTV: Screen density'>AdobeTV: Screen density</a></li>
<li><a href='http://www.codigoactionscript.org/adobetv-conectar-un-diseno-de-flash-catalyst-a-una-base-de-datos-con-flash-builder/' rel='bookmark' title='AdobeTV: Conectar un diseño de Flash Catalyst a una Base de datos con Flash Builder'>AdobeTV: Conectar un diseño de Flash Catalyst a una Base de datos con Flash Builder</a></li>
<li><a href='http://www.codigoactionscript.org/beta-de-adobe-air-2-0-disponible-en-labs/' rel='bookmark' title='Beta de Adobe AIR 2.0 disponible en Labs'>Beta de Adobe AIR 2.0 disponible en Labs</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p>Platform Evangelist Tomas Krcha demuestra la capacidad de controlar una aplicación de escritorio a través de dispositivos móviles con Flash Builder.</p>
<p><object width="425" height="256"><param name="movie" value="http://images.tv.adobe.com/swf/player.swf"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><param name="FlashVars" value="fileID=10038&amp;context=64&amp;embeded=true&amp;environment=production"></param><embed src="http://images.tv.adobe.com/swf/player.swf" flashvars="fileID=10038&amp;context=64&amp;embeded=true&amp;environment=production" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="256"></embed></object></p>
<p>Related posts:<ol>
<li><a href='http://www.codigoactionscript.org/adobetv-screen-density/' rel='bookmark' title='AdobeTV: Screen density'>AdobeTV: Screen density</a></li>
<li><a href='http://www.codigoactionscript.org/adobetv-conectar-un-diseno-de-flash-catalyst-a-una-base-de-datos-con-flash-builder/' rel='bookmark' title='AdobeTV: Conectar un diseño de Flash Catalyst a una Base de datos con Flash Builder'>AdobeTV: Conectar un diseño de Flash Catalyst a una Base de datos con Flash Builder</a></li>
<li><a href='http://www.codigoactionscript.org/beta-de-adobe-air-2-0-disponible-en-labs/' rel='bookmark' title='Beta de Adobe AIR 2.0 disponible en Labs'>Beta de Adobe AIR 2.0 disponible en Labs</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.codigoactionscript.org/adobetv-control-del-escritorio-con-dispositivos-moviles/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Recursos para Flash Catalyst CS5</title>
		<link>http://www.codigoactionscript.org/recursos-para-flash-catalyst-cs5/</link>
		<comments>http://www.codigoactionscript.org/recursos-para-flash-catalyst-cs5/#comments</comments>
		<pubDate>Thu, 13 May 2010 16:10:44 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Adobe]]></category>
		<category><![CDATA[catalyst]]></category>
		<category><![CDATA[Flash Builder 4]]></category>
		<category><![CDATA[Referencia]]></category>
		<category><![CDATA[Tutoriales]]></category>
		<category><![CDATA[Videotutorial]]></category>
		<category><![CDATA[adobetv]]></category>
		<category><![CDATA[Recursos]]></category>

		<guid isPermaLink="false">http://www.codigoactionscript.org/?p=625</guid>
		<description><![CDATA[<img width="310" height="80" src="http://www.codigoactionscript.org/wp-content/uploads/2010/05/flashcatalyst.jpg" class="attachment-310x85 wp-post-image" alt="flashcatalyst" title="flashcatalyst" /><p></p>
Entender la diferencia:  diseño visual vs diseño interactivo

Welcome to Flash Catalyst (2:40)

Las mejores  prácticas para trabajar con Flash Catalyst

Adobe Flash Catalyst best practices

Diseñando en Flash Catalyst

Getting started with Adobe Flash Catalyst CS5

<p>Más información sobre  diseño interactivo y [...]
Related posts:<ol>
<li><a href='http://www.codigoactionscript.org/adobetv-conectar-un-diseno-de-flash-catalyst-a-una-base-de-datos-con-flash-builder/' rel='bookmark' title='AdobeTV: Conectar un diseño de Flash Catalyst a una Base de datos con Flash Builder'>AdobeTV: Conectar un diseño de Flash Catalyst a una Base de datos con Flash Builder</a></li>
<li><a href='http://www.codigoactionscript.org/adobe-lanza-adobe-labs-ideas-para-flash-catalyst/' rel='bookmark' title='Adobe lanza Adobe Labs Ideas para Flash Catalyst'>Adobe lanza Adobe Labs Ideas para Flash Catalyst</a></li>
<li><a href='http://www.codigoactionscript.org/betas-de-flash-builder-4-y-flash-catalyst-en-adobe-labs/' rel='bookmark' title='Betas de Flash Builder 4 y Flash Catalyst en Adobe Labs'>Betas de Flash Builder 4 y Flash Catalyst en Adobe Labs</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="600" height="360" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="FlashVars" value="fileID=5856&amp;context=481&amp;embeded=true&amp;environment=production" /><param name="src" value="http://images.tv.adobe.com/swf/player.swf" /><param name="flashvars" value="fileID=5856&amp;context=481&amp;embeded=true&amp;environment=production" /><param name="allowfullscreen" value="true" /><embed type="application/x-shockwave-flash" width="600" height="360" src="http://images.tv.adobe.com/swf/player.swf" flashvars="fileID=5856&amp;context=481&amp;embeded=true&amp;environment=production" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
<h2>Entender la diferencia:  diseño visual vs diseño interactivo</h2>
<ul>
<li><a href="http://tv.adobe.com/watch/flash-catalyst-1-1-with-doug-winnie/welcome-to-flash-catalyst-episode-1/" target="_blank">Welcome to Flash Catalyst</a> (2:40)</li>
</ul>
<h2>Las mejores  prácticas para trabajar con Flash Catalyst</h2>
<ul>
<li><a href="http://www.adobe.com/devnet/devnet/flashcatalyst/articles/flash_catalyst_best_practices.html">Adobe Flash Catalyst best practices</a></li>
</ul>
<h2>Diseñando en Flash Catalyst</h2>
<ul>
<li><a href="http://www.adobe.com/devnet/devnet/flashcatalyst/articles/get_started_with_flash_catalyst.html">Getting started with Adobe Flash Catalyst CS5</a></li>
</ul>
<p>Más información sobre  diseño interactivo y cómo se puede utilizar Flash Catalyst y Creative  Suite 5 para construir sitios Web interactivos y interfaces de aplicaciones de usuario, desde el prototipo de traspaso para un  desarrollador de Flex con Flash Builder:</p>
<ul>
<li><a href="http://tv.adobe.com/watch/flash-catalyst-1-1-with-doug-winnie/welcome-to-flash-catalyst-episode-1/" target="_blank">Welcome to Flash Catalyst</a> <span>(2:40)</span></li>
<li><a href="http://tv.adobe.com/watch/flash-catalyst-1-1-with-doug-winnie/create-a-simple-wireframe-episode-2/" target="_blank">Creating a simple wireframe</a> <span>(7:44)</span></li>
<li><a href="http://tv.adobe.com/watch/flash-catalyst-1-1-with-doug-winnie/build-multipage-wireframes-episode-3/" target="_blank">Building multipage wireframes</a> <span>(7:14)</span></li>
<li><a href="http://tv.adobe.com/watch/flash-catalyst-1-1-with-doug-winnie/wireframe-drawing-tools-episode-4/" target="_blank">Using the wireframe drawing tools</a> <span>(14:32)</span></li>
<li><a href="http://tv.adobe.com/watch/flash-catalyst-1-1-with-doug-winnie/design-components-from-wireframe-artwork-episode-5/" target="_blank">Designing components from wireframe artwork</a> <span>(12:33)</span></li>
<li><a href="http://tv.adobe.com/watch/flash-catalyst-1-1-with-doug-winnie/wireframes-come-to-life-with-transitions-episode-6/" target="_blank">Adding motion and flow using transitions</a> <span>(9:54)</span></li>
<li><a href="http://tv.adobe.com/watch/flash-catalyst-1-1-with-doug-winnie/make-iterative-changes-to-your-wireframe-episode-7/" target="_blank">Making iterative changes to your wireframe</a> <span>(7:25)</span></li>
<li><a href="http://tv.adobe.com/watch/flash-catalyst-1-1-with-doug-winnie/build-a-visual-design-for-your-wireframe-episode-8/" target="_blank">Building a visual design  using Creative Suite 5</a> <span>(16:10)</span></li>
<li><a href="http://tv.adobe.com/watch/flash-catalyst-1-1-with-doug-winnie/optimize-and-publish-your-project-episode-9/" target="_blank">Optimizing and publishing your project</a> <span>(6:31)</span></li>
<li><a href="http://tv.adobe.com/watch/flash-catalyst-1-1-with-doug-winnie/partnering-with-a-developer-episode-10/" target="_blank">Partnering with a developer</a> <span>(7:45)</span></li>
</ul>
<p>Related posts:<ol>
<li><a href='http://www.codigoactionscript.org/adobetv-conectar-un-diseno-de-flash-catalyst-a-una-base-de-datos-con-flash-builder/' rel='bookmark' title='AdobeTV: Conectar un diseño de Flash Catalyst a una Base de datos con Flash Builder'>AdobeTV: Conectar un diseño de Flash Catalyst a una Base de datos con Flash Builder</a></li>
<li><a href='http://www.codigoactionscript.org/adobe-lanza-adobe-labs-ideas-para-flash-catalyst/' rel='bookmark' title='Adobe lanza Adobe Labs Ideas para Flash Catalyst'>Adobe lanza Adobe Labs Ideas para Flash Catalyst</a></li>
<li><a href='http://www.codigoactionscript.org/betas-de-flash-builder-4-y-flash-catalyst-en-adobe-labs/' rel='bookmark' title='Betas de Flash Builder 4 y Flash Catalyst en Adobe Labs'>Betas de Flash Builder 4 y Flash Catalyst en Adobe Labs</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.codigoactionscript.org/recursos-para-flash-catalyst-cs5/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>AdobeTV: Conectar un diseño de Flash Catalyst a una Base de datos con Flash Builder</title>
		<link>http://www.codigoactionscript.org/adobetv-conectar-un-diseno-de-flash-catalyst-a-una-base-de-datos-con-flash-builder/</link>
		<comments>http://www.codigoactionscript.org/adobetv-conectar-un-diseno-de-flash-catalyst-a-una-base-de-datos-con-flash-builder/#comments</comments>
		<pubDate>Thu, 13 May 2010 11:27:59 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Adobe]]></category>
		<category><![CDATA[catalyst]]></category>
		<category><![CDATA[Flash Builder 4]]></category>
		<category><![CDATA[Videotutorial]]></category>
		<category><![CDATA[adobetv]]></category>
		<category><![CDATA[jespers]]></category>
		<category><![CDATA[serge]]></category>

		<guid isPermaLink="false">http://www.codigoactionscript.org/?p=616</guid>
		<description><![CDATA[<img width="310" height="80" src="http://www.codigoactionscript.org/wp-content/uploads/2010/05/adobetv.jpg" class="attachment-310x85 wp-post-image" alt="adobetv" title="adobetv" /><p>En este video, Serge Jespers muestra cómo utilizar Flash Builder  4 para conectar un diseño realizado con Flash Catalyst a una base de datos de PHP.</p>
<p></p>
<p>Related posts:
Betas de Flash Builder 4 y Flash Catalyst en Adobe Labs
Recursos para Flash [...]
Related posts:<ol>
<li><a href='http://www.codigoactionscript.org/betas-de-flash-builder-4-y-flash-catalyst-en-adobe-labs/' rel='bookmark' title='Betas de Flash Builder 4 y Flash Catalyst en Adobe Labs'>Betas de Flash Builder 4 y Flash Catalyst en Adobe Labs</a></li>
<li><a href='http://www.codigoactionscript.org/recursos-para-flash-catalyst-cs5/' rel='bookmark' title='Recursos para Flash Catalyst CS5'>Recursos para Flash Catalyst CS5</a></li>
<li><a href='http://www.codigoactionscript.org/adobetv-determining-speed-data-from-gps/' rel='bookmark' title='AdobeTV: Determining speed data from GPS'>AdobeTV: Determining speed data from GPS</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p>En este video, <a href="http://www.webkitchen.be/" target="_blank">Serge Jespers</a> muestra cómo utilizar <strong>Flash Builder  4</strong> para conectar un diseño realizado con <strong>Flash Catalyst</strong> a una base de datos de PHP.</p>
<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="600" height="360" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="FlashVars" value="fileID=6305&amp;context=64&amp;embeded=true&amp;environment=production" /><param name="src" value="http://images.tv.adobe.com/swf/player.swf" /><param name="flashvars" value="fileID=6305&amp;context=64&amp;embeded=true&amp;environment=production" /><param name="allowfullscreen" value="true" /><embed type="application/x-shockwave-flash" width="600" height="360" src="http://images.tv.adobe.com/swf/player.swf" flashvars="fileID=6305&amp;context=64&amp;embeded=true&amp;environment=production" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
<p>Related posts:<ol>
<li><a href='http://www.codigoactionscript.org/betas-de-flash-builder-4-y-flash-catalyst-en-adobe-labs/' rel='bookmark' title='Betas de Flash Builder 4 y Flash Catalyst en Adobe Labs'>Betas de Flash Builder 4 y Flash Catalyst en Adobe Labs</a></li>
<li><a href='http://www.codigoactionscript.org/recursos-para-flash-catalyst-cs5/' rel='bookmark' title='Recursos para Flash Catalyst CS5'>Recursos para Flash Catalyst CS5</a></li>
<li><a href='http://www.codigoactionscript.org/adobetv-determining-speed-data-from-gps/' rel='bookmark' title='AdobeTV: Determining speed data from GPS'>AdobeTV: Determining speed data from GPS</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.codigoactionscript.org/adobetv-conectar-un-diseno-de-flash-catalyst-a-una-base-de-datos-con-flash-builder/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Error de selección de color en el componente RichTextEditor de Flex</title>
		<link>http://www.codigoactionscript.org/error-de-seleccion-de-color-en-el-componente-richtexteditor-de-flex/</link>
		<comments>http://www.codigoactionscript.org/error-de-seleccion-de-color-en-el-componente-richtexteditor-de-flex/#comments</comments>
		<pubDate>Fri, 30 Apr 2010 14:44:58 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[componente]]></category>
		<category><![CDATA[Flash Builder 4]]></category>
		<category><![CDATA[Flex]]></category>
		<category><![CDATA[mxml]]></category>
		<category><![CDATA[ColorPicker]]></category>
		<category><![CDATA[componentes]]></category>
		<category><![CDATA[RicheTextEditor]]></category>

		<guid isPermaLink="false">http://www.codigoactionscript.org/?p=605</guid>
		<description><![CDATA[<img width="310" height="80" src="http://www.codigoactionscript.org/wp-content/uploads/2010/04/thumb1.jpg" class="attachment-310x85 wp-post-image" alt="thumb1" title="thumb1" /><p>Hoy andaba trabajando con el componente RichTextEditor de Flex y me encontré con un fallo del componente en relación a la selección del color desde el ColorPicker para una selección de texto. Este bug ya venía de Flex 3, y [...]
Related posts:<ol>
<li><a href='http://www.codigoactionscript.org/acceder-a-los-itemrenderer-de-un-componente-lista-en-flex/' rel='bookmark' title='Acceder a los itemRenderer de un componente lista en Flex'>Acceder a los itemRenderer de un componente lista en Flex</a></li>
<li><a href='http://www.codigoactionscript.org/modificar-datos-en-componentes-flex-con-itemeditors/' rel='bookmark' title='Modificar datos en componentes Flex con ItemEditors'>Modificar datos en componentes Flex con ItemEditors</a></li>
<li><a href='http://www.codigoactionscript.org/como-personalizar-el-icono-del-panel-de-alerta-de-flex/' rel='bookmark' title='Cómo personalizar el icono del panel de Alerta de Flex'>Cómo personalizar el icono del panel de Alerta de Flex</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p>Hoy andaba trabajando con el componente <a href="http://livedocs.adobe.com/flex/3/langref/mx/controls/RichTextEditor.html">RichTextEditor</a> de <a href="http://www.cristalab.com/tips/tags/flex">Flex</a> y me encontré con un fallo del componente en relación a la selección del color desde el <a href="http://livedocs.adobe.com/flex/3/langref/mx/controls/ColorPicker.html">ColorPicker</a> para una selección de texto. Este bug ya venía de <a href="http://www.cristalab.com/tips/tags/flex">Flex</a> 3, y parece que en <a href="http://www.cristalab.com/tips/tags/flashbuilder">Flash Builder 4</a> sigue sin solucionarse.</p>
<p>El fallo consiste en que si desde el colorPicker introducimos directamente el código del color en el campo de texto al presionar la tecla ENTER para validar el color introducido, este ENTER nos introduce tambien un salto de línea dentro de la caja de texto del editor haciendo a su vez que el texto seleccionado desaparezca. Un error del compomente bastante impresentable <img src='http://www.codigoactionscript.org/wp-includes/images/smilies/icon_sad.gif' alt=':(' class='wp-smiley' /> </p>
<p>Pero la solución es bastante fácil. Basta con hacer que el TextArea del componente no sea editable en el momento en el que abrimos el colorPicker, de manera de que el ENTER de validación del color no afectará al texto. Una vez cerrado el colorPicker volveremos a hacer editable el texto.</p>
<div align="center"><img src="http://l4c.me/uploads/richtexteditor-1272636790_full550.jpg" alt="" /></div>
<p>En cuanto al código, únicamente necesitaremos escuchar los eventos de apertura y cierre del colorPicker, y modificar la propiedad editable del TrextArea.</p>
<p>Podemos crearnos un componente propio que extienda del componente RichTextEditor implementando este código. Este sería el componente:</p>
<div id="codigo">
<div class="igBar"><span id="lactionscript-2"><a href="#" onclick="javascript:showPlainTxt('actionscript-2'); return false;">PLAIN TEXT</a></span></div>
<div class="syntax_hilite"><span class="langName">Actionscript:</span>
<div id="actionscript-2">
<div class="actionscript">
<ol>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&lt;?<span style="color: #0066CC;">xml</span> <span style="color: #0066CC;">version</span>=<span style="color: #ff0000;">"1.0"</span> encoding=<span style="color: #ff0000;">"utf-8"</span>?&gt;</div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&lt;mx:RichTextEditor xmlns:fx=<span style="color: #ff0000;">"http://ns.adobe.com/mxml/2009"</span></div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &nbsp; xmlns:s=<span style="color: #ff0000;">"library://ns.adobe.com/flex/spark"</span></div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &nbsp; xmlns:mx=<span style="color: #ff0000;">"library://ns.adobe.com/flex/mx"</span></div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &nbsp; creationComplete=<span style="color: #ff0000;">"init()"</span>&gt;</div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; &lt;fx:Script&gt;</div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; &nbsp; &nbsp; &lt;!<span style="color: #66cc66;">&#91;</span>CDATA<span style="color: #66cc66;">&#91;</span></div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #0066CC;">import</span> mx.<span style="color: #006600;">events</span>.<span style="color: #006600;">DropdownEvent</span>;</div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #0066CC;">private</span> <span style="color: #000000; font-weight: bold;">function</span> init<span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>:<span style="color: #0066CC;">void</span></div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #66cc66;">&#123;</span></div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #0066CC;">this</span>.<span style="color: #006600;">colorPicker</span>.<span style="color: #006600;">addEventListener</span><span style="color: #66cc66;">&#40;</span>DropdownEvent.<span style="color: #006600;">OPEN</span>, colorPickerOpen<span style="color: #66cc66;">&#41;</span>;</div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #0066CC;">this</span>.<span style="color: #006600;">colorPicker</span>.<span style="color: #006600;">addEventListener</span><span style="color: #66cc66;">&#40;</span>DropdownEvent.<span style="color: #0066CC;">CLOSE</span>, colorPickerClose<span style="color: #66cc66;">&#41;</span>;</div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #66cc66;">&#125;</span></div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #0066CC;">private</span> <span style="color: #000000; font-weight: bold;">function</span> colorPickerOpen<span style="color: #66cc66;">&#40;</span>event:Event<span style="color: #66cc66;">&#41;</span>:<span style="color: #0066CC;">void</span></div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #66cc66;">&#123;</span></div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #0066CC;">this</span>.<span style="color: #006600;">textArea</span>.<span style="color: #006600;">editable</span>=<span style="color: #000000; font-weight: bold;">false</span>;</div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #66cc66;">&#125;</span></div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #0066CC;">private</span> <span style="color: #000000; font-weight: bold;">function</span> colorPickerClose<span style="color: #66cc66;">&#40;</span>event:Event<span style="color: #66cc66;">&#41;</span>:<span style="color: #0066CC;">void</span></div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #66cc66;">&#123;</span></div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #0066CC;">this</span>.<span style="color: #006600;">textArea</span>.<span style="color: #006600;">editable</span>=<span style="color: #000000; font-weight: bold;">true</span>;</div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #66cc66;">&#125;</span></div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #66cc66;">&#93;</span><span style="color: #66cc66;">&#93;</span>&gt;</div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; &lt;/fx:Script&gt;</div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&lt;/mx:RichTextEditor&gt; </div>
</li>
</ol>
</div>
</div>
</div>
</div>
<p></p>
<p>Related posts:<ol>
<li><a href='http://www.codigoactionscript.org/acceder-a-los-itemrenderer-de-un-componente-lista-en-flex/' rel='bookmark' title='Acceder a los itemRenderer de un componente lista en Flex'>Acceder a los itemRenderer de un componente lista en Flex</a></li>
<li><a href='http://www.codigoactionscript.org/modificar-datos-en-componentes-flex-con-itemeditors/' rel='bookmark' title='Modificar datos en componentes Flex con ItemEditors'>Modificar datos en componentes Flex con ItemEditors</a></li>
<li><a href='http://www.codigoactionscript.org/como-personalizar-el-icono-del-panel-de-alerta-de-flex/' rel='bookmark' title='Cómo personalizar el icono del panel de Alerta de Flex'>Cómo personalizar el icono del panel de Alerta de Flex</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.codigoactionscript.org/error-de-seleccion-de-color-en-el-componente-richtexteditor-de-flex/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

