Fermer

mars 19, 2021

Nouvelles fonctionnalités de Telerik RichTextEditor pour Xamarin.Forms


Nous sommes heureux d'annoncer que le contrôle Telerik RichTextEditor est devenu officiel avec la première version de l'année 2021 🎉. Et bien sûr, il y a d'autres bonnes nouvelles – nous avons ajouté des fonctionnalités supplémentaires au contrôle que nous pensions nécessaires pour faire passer le contrôle à son état officiel. 😉

Nous connaissons la puissance du contrôle RichTextEditor dans votre application. Dans les cas où vous souhaitez ajouter, modifier du texte ou des paragraphes de format, des hyperliens et plus encore. Nous avons donc ajouté des fonctionnalités supplémentaires au contrôle pour étendre ses fonctionnalités.

Voici une liste des nouvelles fonctionnalités que le composant prend désormais en charge:

  • Menu contextuel par défaut qui peut être personnalisé.
  • Fonctionnalité Select-All
  • Notifications lors de l'ouverture d'URL non valides
  • API de gestion des erreurs de lien hypertexte
  • Prise en charge du mode sombre pour iOS et prise en charge du thème sombre pour Android

Menu contextuel et option de sélection de tout

Le menu contextuel intégré s'affiche opérations courantes telles que copier et coller pour partager des données entre les applications ou au sein de l'application. Le menu contextuel est déclenché par un geste tap and hold (clic droit sur UWP) sur le contenu de l'éditeur. Sur Android et iOS, il s'affiche également dès que l'utilisateur effectue la sélection.

Le menu contextuel par défaut affiche les options suivantes:

  • Cut – coupe le contenu sélectionné et l'enregistre dans le presse-papiers du système ;
  • Copy – copie le contenu sélectionné et l'enregistre dans le presse-papiers;
  • Paste – colle le contenu du presse-papiers dans l'éditeur;
  • Coller en tant que texte brut – colle le contenu du presse-papiers en supprimant toute mise en forme supplémentaire;
  • Select All – sélectionne tout le contenu dans l'éditeur;

Quelles options sont disponibles dans le contexte dépend de la sélection de contenu actuelle ou de la position du curseur dans l'éditeur. Lisez notre article d'aide pour obtenir des explications détaillées sur le menu contextuel.

Une vidéo avec le menu contextuel par défaut:

RichTextEditor for Xamarin context menu

Custom Context Menu 👏

Vous pouvez facilement modifier le menu contextuel par défaut de RichTextEditor et ajouter ou supprimer certaines des options fournies. Il suffit de définir la propriété AutoGenerateContextMenu de RichTextEditor sur False et de définir manuellement le ContextMenuItems . Vous pouvez choisir parmi les prédéfinis ContextMenuItems ou créer une instance CustomContextMenuItem et définir son Title et Command (la commande peut être liée à n'importe quel Commandes de RadRichTextEditor ou à une commande personnalisée).

Personnalisons le menu contextuel par défaut et ajoutons les options Gras, Italique, Sélectionner tout, Souligner et Ouvrir le lien hypertexte

Voici comment le RichTextEditor est défini en XAML:

< Grid >

< Grid.RowDefinitions >

< RowDefinition Height = "Auto" />

[19659032] < RowDefinition />

</ Grid.RowDefinitions >

< telerikRichTextEditor: RadRichTextEditorToolbar x: Name = "richTextToolbar" RichTextEditor RichTextEditor {x: Reference richTextEditor} " />

< telerikRichTextEditor: RadRichTextEditor x: Name = "richTextEditor" Grid.Row = "1" AutoGenerateContextMenu = "False" >

< telerikRichTextEditor: RadRichTextEditor.ContextMenuItems >

< telerikRichToldEditor> ]

< telerikRichTextEditor: ItalicContextMenuItem />

< telerikRichTextEditor: OpenHyperlinkContextMenuItem Title = "Navigate" />

telerikRichTextEditor: SelectAllContextMenuItem />

< telerikRichTextEditor: CustomContextMenuItemline Title Underline Title Underline]

Commande = "{Binding Source = {x: Reference richTextEditor}, Path = ToggleUnderlineCommand}" />

</ telerikRichTextEditor: RadRichTextEditor.ContextMenuItems >

[19459025/1965] telerikRichTextEditor: RadRichTextEditor >

</ Grid >

et RichTextEditor source:

var htmlSource = @ "

Telerik RichTextEditor est maintenant officiel

]

Telerik RichTextEditor for Xamarin permet aux utilisateurs de créer un contenu textuel riche via What-You-See-Is-What-You- Obtenez l'interface (WYSIWYG) . Il fournit un ensemble d'outils pour la création, l'édition et la mise en forme de texte, paragraphes, listes, liens hypertexte et plus, et produit le contenu modifié comme HTML standard .

Caractéristiques

";

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

Vérifions notre menu contextuel personnalisé:

menu contextuel personnalisé richtexteditor xamarin "title =" menu contextuel personnalisé richtexteditor xamarin "/></p data-recalc-dims=

Notifications lors de l'ouverture d'URL invalides

En utilisant le contrôle, vous pouvez créez et gérez facilement des hyperliens via les commandes de ces options ou en utilisant l'élément de barre d'outils prédéfini qui leur est connecté. Bien sûr, que se passera-t-il si vous essayez d'ouvrir une URL non valide. Eh bien, nous avons une solution pour vous: une API pour gérer ce scénario ou une notification lors de l'ouverture d'URL non valides.

Si vous essayez d'ouvrir une URL non valide (par exemple, l'URL n'est pas absolue, le domaine n'existe pas ou est incomplet, etc.) une notification sera affichée par défaut qui indique qu'il y a une erreur avec l'URL.

Par exemple, nous avons le contenu HTML suivant avec un lien invalide que nous voulons ouvrir à l'aide de RichTextEditor:

var htmlSource = @ "

< ul >

< li > <[19659025] a href = 'docs.telerik.com/devtools/xamarin/controls/richtexteditor/richtexteditor-toolbar' target = '_ blank' > Barre d'outils RichTextEditor </ a > </ li >

</ ul >

";

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

Et voici le résultat si nous essayons d'ouvrir cette URL:

RichTextEditor for Xamarin error traitement d'une URL non valide

Un message d'erreur nous informe que l'URL ne peut pas être ouverte.

Bien sûr, si vous souhaitez personnaliser ce message, vous pouvez utiliser une option: l'API de gestion des erreurs de lien hypertexte .

API de gestion des erreurs de lien hypertexte

Vous pouvez remplacer le comportement par défaut (message d'erreur par défaut lorsque vous essayez d'ouvrir une URL non valide) en gérant l'événement OpenHyperlinkError de RichTextEditor:

Démonstration rapide: [19659024] < telerikRichTextEditor: RadRichTextEditor x: Name = "richTextEditor" Grid.Row = "1" OpenHyperlinkError OpenHyperlinkError 19659036] "richTextEditor_OpenHyperlinkError" />

Et le gestionnaire d'événements qui affiche ac Message ustom:

private void RichTextEditor_OpenHyperlinkError ( object expéditeur, OpenHyperlinkErrorEventArgs e)

{ { e.Handled = true ;

Application.Current.MainPage.DisplayAlert ( string ] .Format ( "Erreur lors de l'ouverture de {0}" e.Url), e.Error.Message, "Ok" );

}

Voici le message d'erreur affiché

message d'erreur personnalisé URL invalide

Prise en charge du mode sombre pour Android et iOS

Prise en charge du mode sombre ] pour toutes les commandes Telerik UI pour Xamarin sur iOS et Android est disponible à partir de la version R1 2021.

formulaires xamarin en mode sombre

Faites-nous savoir ce que vous pensez, partagez vos idées et vos commentaires [19659010] Comme toujours, vos commentaires sont extrêmement précieux pour nous. Dans cet esprit, nous serions ravis de savoir ce que vous aimeriez voir disponible dans l'offre ou ce que nous pouvons faire pour améliorer votre expérience quotidienne dans le monde dynamique du développement d'applications multiplateformes. Vous pouvez écrire dans le Telerik UI for Xamarin Feedback portal ou simplement émettre un ticket.

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

Le meilleur outil 2023 pour ta croissance Instagram !



Source link

Revenir vers le haut