Apache Adobe Flex TutorialTutoriaux Adobe Flex & AIR en Français

Composant Flex – Afficher/masquer les barres d'outils d'un RichTextEditor avec RichTextEditorRemoveSubcontrols

Le framework Flex contient un composant appelé RichTextEditor (RTE) permettant d'entrer du texte et de le formatter en HTML. Par exemple, l'utilisateur peut sélectionner une partie de son texte et le mettre en gras ou modifier sa taille facilement. Voici à quoi ce composant ressemble:

Vous le voyez, tout est là pour formatter du texte, le passage en gras/italique/souligné, la police, la taille, la couleur du texte ... Mais admettons que vous ne vouliez qu'une partie de ces options, par exemple, seulement la taille et la couleur mais pas les autres. Le composant RichTextEditor a une propriété showControlBar permettant d'afficher ou non l'ensemble de ces ControlBar, mais pas individuellement.

Dans le  même temps, le composant mx:RichTextEditor permet aussi d'accéder aux composants qui font partie des ces barres d'outils de manière individuelle. Par exemple, pour cacher le bouton Bold (Gras) peut être rendu invisible en faisant:

myRTE.boldButton.visible = false;

Pas très pratique, surtout si vous voulez utiliser ce composant à plusieurs endroits. Heureusement, bridel.org a crée un petit composant baptisé  RichTextEditorRemoveSubcontrols (un peu long je trouve mais vous pouvez toujours le renommer ) permettant de fixer ces propriétés directement avec des propriétés. Ces propriétés peuvent bien sûr être fixées en MXML comme ceci:

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" xmlns:local="*">
	<local:RichTextEditorRemoveSubcontrols id="myRTE"
		showColorPicker="false"
		showFont="true"
		showFontSize="true"
		showAlignButtons="false"
		showLinkTextInput="false"
		showBoldItalicUnderline="true"
		showBulletButton="false"
	/>
</mx:Application>

Flex Source Code Download: Télécharger le code source complet de l'application

Voir le site de l'auteur