Fermer

août 6, 2020

Telerik Blazor 2.16 — Editor TreeList StockChart ContextMenu


Aujourd'hui, nous avons livré une nouvelle version de Telerik UI pour Blazor et nous sommes heureux de vous présenter quatre nouveaux composants Blazor ainsi que les améliorations de Grid Chart and Menu ! Vous pouvez désormais profiter du nouvel éditeur TreeList Stock Chart et Context Menu, ainsi que du nouveau exposé. ] Événements de grille pour vous donner la flexibilité d'appliquer une logique personnalisée lors de l'interaction avec des lignes de données dans les applications Blazor!

Explorons le contenu de la version 2.16.0 et voyons en détail les nouveaux avantages que vous pouvez incorporer dans votre serveur Blazor et WebAssembly applications!

Nouveaux composants Blazor

Composant Blazor Editor

Présentation de l'éditeur

Le nouveau HTML Editor Component permet aux utilisateurs de créer du contenu texte riche et offre des fonctionnalités prêtes à l'emploi pour la gestion de texte tels que la création, l'édition et la mise en forme de texte, de paragraphes, de listes et d'autres éléments HTML. En plus du jeu d'outils intégré, il vous permet également de créer des commandes personnalisées et de les intégrer facilement dans sa barre d'outils.

 Telerik UI pour Blazor Editor Component "title =" Telerik UI pour Blazor Editor Component "data-openoriginalimageonclick =" true "style =" vertical-align: middle; "/> </a data-recalc-dims=

Interface utilisateur Telerik pour le composant Blazor Editor

Barre d'outils de l'éditeur

Les différents boutons de commande de l'éditeur sont organisés dans une Toolbar et comprennent divers textes options de mise en forme telles que la famille de polices, la taille et le style de police, l'alignement du texte, la création de listes, de tableaux, l'insertion d'hyperliens et d'images, etc. Pour faciliter la configuration de la barre d'outils, vous avez le choix entre deux options de configuration de jeu d'outils:

  • Par défaut —Le jeu par défaut des commandes d'éditeur les plus couramment utilisées
  • Toutes —toutes les commandes d'éditeur disponibles

 Telerik UI pour Blazor Editor Toolbar "title =" Telerik UI pour Blazor Editor Toolbar "data-openoriginalimageonclick =" true "style =" vertical-a lign: middle; "/> </a data-recalc-dims=
Telerik UI for Blazor Editor Toolbar

Editor Built-In Toolset

Le composant Editor est fourni avec plusieurs outils intégrés regroupés dans les catégories suivantes: [19659011] Outils en ligne – ajoutez un élément HTML en ligne tel que et ou contrôlez leur rendu lié à la mise en forme de la famille et de la taille des polices, et la mise en forme du texte en gras, styles soulignés ou barrés.

  • Outils de bloc – ajoute un élément HTML de bloc tel que

    et

      ou contrôle leur rendu lié à l'alignement, la mise en forme, le retrait, l'annulation et rétablir.
    • Outils de tableau : ajoutez un élément HTML
      ou contrôlez son rendu, par exemple ajouter / supprimer des colonnes et des lignes, fusionner et fractionner des cellules.

      Vous pouvez appeler le jeu d'outils intégré de l'éditeur à partir de en dehors du composant ou à partir d'outils personnalisés, en référençant le composant et en appelant sa méthode ExecuteAsync. [19659009] Personnalisation du jeu d'outils et de la barre d'outils de l'éditeur

      Vous pouvez personnaliser le jeu d'outils prédéfini disponible pour l'éditeur en en ajoutant et en supprimant des outils et même créez vos propres outils personnalisés et branchez-les en tant que une commande disponible dans la barre d'outils de l'éditeur.

       Interface utilisateur Telerik pour Blazor Editor Outils personnalisés "title =" Interface utilisateur Telerik pour Blazor Editor Outils personnalisés "data-openoriginalimageonclick =" true "style =" vertical-align: middle; "/> [19659014] Outils personnalisés de l'interface utilisateur Telerik pour Blazor Editor</p data-recalc-dims=

      Modes de l'éditeur

      L'éditeur est fourni avec deux modes de configuration qui affectent le style du contenu du composant:

      • Iframe (par défaut) – la zone de contenu est un élément modifiable