Découvrez la nouvelle interface utilisateur Telerik pour Xamarin RichTextEditor Control

Découvrez le nouveau contrôle RichTextEditor de l'interface utilisateur Telerik pour Xamarin et découvrez comment permettre aux utilisateurs de créer facilement du contenu textuel riche grâce à un ensemble d'outils pour créer, modifier et mettre en forme du texte, des paragraphes, des listes et des hyperliens , etc. dans vos applications Xamarin.

Dans la troisième Telerik UI for Xamarin release de 2020, nous avons introduit deux nouveaux contrôles— RichTextEditor (beta) et ComboBox .

Telerik RichTextEditor pour Xamarin permet aux utilisateurs de créer un contenu textuel riche via une interface WYSIWYG (What-You-See-Is-What-You-Get). Le contrôle est livré avec diverses capacités d'édition et avec l'aide de RadRichTextEditorToolbar, vous pouvez fournir aux utilisateurs un moyen simple et rapide de modifier leur contenu HTML. La barre d'outils par défaut comprend des éléments pour toutes les options de mise en forme de texte disponibles, mais vous pouvez également personnaliser les options d'édition affichées en fonction de vos besoins.

RichTextEditor a une grande variété de cas d'utilisation. En tant que client de messagerie – Si vous souhaitez envoyer un e-mail et que vous souhaitez le modifier, mettez en forme le texte. En tant qu'application d'édition de texte – dans un scénario lors de l'importation de documents dans votre application pour l'édition, la mise en forme du texte ou l'ajout d'informations supplémentaires aux documents.

Afficher le contenu HTML

Vous pouvez facilement afficher le contenu HTML qui comprend des paragraphes, mis en forme texte, images, tableaux, listes ordonnées et non ordonnées.

Diverses options de source HTML

Vous pouvez charger la source HTML à partir d'une chaîne ainsi que d'un flux.

 var htmlSource = @ "
 RichTextEditor [19659011] pour   Xamarin - Présentation 

 
 RichTextEditor  permet aux utilisateurs de créer un contenu textuel riche via une interface What-You-See-Is-What-You-Get (WYSIWYG)   ]. 
 "; 

 this  .richTextEditor.Source = RichTextSource.FromString (htmlSource); 

 Func <CancellationToken, Task > streamFunc = ct => Task.Run (() = > 
 {
  Assembly assembly =  typeof  (KeyFeatu res) .Assembly; 
  string   fileName = assembly.GetManifestResourceNames (). FirstOrDefault (n => n.Contains ( "richtexteditor-htmlsource.html" )); [19659025]  Stream stream = assembly.GetManifestResourceStream (fileName); 
  return   stream; 
}); 
 
 this  .richTextEditor.Source = RichTextSource.FromStream (streamFunc); 



  


               

Diverses fonctionnalités d'édition

• Mise en forme du texte comme gras, italique, souligné et barré
• Manipulations de polices telles que taille, famille, couleur du texte et couleur d'arrière-plan du texte
• Listes à puces et numérotées
• ] Sélection de texte
• Manipulation d'hyperliens – créer, modifier et supprimer des hyperliens
• Formatage des indices et exposants
• Indentation et alignement du contenu
• Actions d'édition Annuler / Rétablir

Barre d'outils RichTextEditor

une interface utilisateur prédéfinie qui est au câblé automatiquement avec toutes les commandes fournies par la fonctionnalité intégrée du contrôle. La barre d'outils par défaut comprend des éléments pour toutes les options de mise en forme de texte disponibles, mais vous pouvez personnaliser les options d'édition affichées en fonction de vos besoins.

 < Grid > 
  < Grid. RowDefinitions > 
  < RowDefinitions   Height  =  "Auto"   /> 
  < RowDefinition   / > 
  </  Grid.RowDefinitions > 
  < telerikRichTextEditor: RadRichTextEditorToolbar   x: Name  =  "richTextTool60bar ] RichTextEditor  =  "{x: Reference richTextEditor}"   /> 
  < telerikRichTextEditor: RadRichTextEditor   x: Name  =  "richTextEditor "  Grid.Row  = " 1 "  /> 
 </  Grid > 

Read- Only Sate

La ​​propriété IsReadOnly (bool) de RichTextEditor indique si le contrôle est en mode lecture seule. Le paramètre IsReadOnly = "True" signifie que les éléments de la barre d'outils seront désactivés, le contenu du document ne peut pas être modifié et aucune sélection ne peut être effectuée.

Prise en charge des commandes

Le contrôle expose des commandes, telles que ToggleBoldCommand ToggleBulletingCommand AlignRightCommand etc., qui vous permettent d'exécuter des actions d'édition de texte enrichi sur le contenu de l'éditeur. Pour des informations détaillées sur le sujet, consultez l'article Commandes .

API de style flexible

Vous pouvez modifier l'apparence visuelle de RadRichTextEditor ainsi que les éléments de la barre d'outils grâce à diverses propriétés de style tels que BackgroundColor BorderColor et Thickness CornerRadius etc. Pour plus de détails et des exemples de démos, consultez les rubriques RichTextEditor Styling et RichTextEditor Toolbar Styling .

Faites-nous savoir ce que vous pensez 19659009] Nous aimerions savoir ce que vous pensez du contrôle RichTextEditor Xamarin et comment nous pouvons l'améliorer. Si vous avez des idées de fonctionnalités à ajouter, n'hésitez pas à partager ces informations avec nous sur notre Telerik UI for Xamarin Feedback portal .

N'oubliez pas de consulter les différentes démos du contrôle dans notre SDK Sample Browser et dans Telerik UI for Xamarin Demos application.

Si vous n'avez pas encore essayé la suite Telerik UI for Xamarin prenez-la Faites un essai avec un essai gratuit de 30 jours offrant toutes les fonctionnalités et commandes à votre disposition à un coût nul.

---