Error de selección de color en el componente RichTextEditor de Flex

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 parece que en Flash Builder 4 sigue sin solucionarse.

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

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.

En cuanto al código, únicamente necesitaremos escuchar los eventos de apertura y cierre del colorPicker, y modificar la propiedad editable del TrextArea.

Podemos crearnos un componente propio que extienda del componente RichTextEditor implementando este código. Este sería el componente:

<?xml version=“1.0″ encoding=“utf-8″?> <mx:RichTextEditor xmlns:fx=“http://ns.adobe.com/mxml/2009″ xmlns:s=“library://ns.adobe.com/flex/spark” xmlns:mx=“library://ns.adobe.com/flex/mx” creationComplete=“init()”> <fx:Script> <![CDATA[ import mx.events.DropdownEvent; private function init():void { this.colorPicker.addEventListener(DropdownEvent.OPEN, colorPickerOpen); this.colorPicker.addEventListener(DropdownEvent.CLOSE, colorPickerClose); } private function colorPickerOpen(event:Event):void { this.textArea.editable=false; } private function colorPickerClose(event:Event):void { this.textArea.editable=true; } ]]> </fx:Script> </mx:RichTextEditor>

Comparte:

Share and Enjoy:

Tutorial JSFL – Creación de Paneles con Flex 2ª parte Bienvenidos a este nuevo tutorial de jsfl, en esta ocasión...

Related posts brought to you by Yet Another Related Posts Plugin.

This entry was posted on April 30, 2010, 2:44 pm and is filed under ColorPicker, componente, componentes, flash builder 4, Flex, mxml, RicheTextEditor. You can follow any responses to this entry through RSS 2.0. You can leave a response, or trackback from your own site.

Error de selección de color en el componente RichTextEditor de Flex

Adobe

Adobe Feeds

twitter

Categorías

Últimos Posts

Contributors