Comment formater des balises avec un balisage Liquid ?

Question

Comment formater des balises Zendesk avec un balisage Liquid ?

Réponse

Vous pouvez utiliser le balisage et les filtres de sortie pour modifier la sortie des balises. Le balisage de sortie, par exemple les balises, est entouré de paires d’accolades, par exemple, {{ticket.ticket_id}} Un filtre est une méthode simple qui agit sur le balisage de sortie. Les filtres modifient la sortie et le résultat est affiché sous la forme d’une chaîne. La sortie et le balisage sont séparés par une barre verticale ou « pipe » (|) et le format global est {{ output | filter: }}.

Consultez la page Liquid for Designers qui comprend tous les filtres standards. Pour illustrer ce concept, considérez l’exemple suivant.

Exemple : Afficher uniquement le dernier élément des champs de ticket personnalisés imbriqués

Lorsque vous créez des champs déroulants personnalisés, vous pouvez imbriquer la structure en utilisant le double deux-points : « :: ». Par exemple, si vous créez un menu déroulant avec des options Support::Password, Support::Performance, Billing::Invoiceet Billing::Refund, l’utilisateur final sélectionne d’abord Support ou Billing puis choisit les options dans ces catégories. Vous pouvez afficher des champs de ticket personnalisés comme celui-ci dans une balise, en suivant le format {{ticket.ticket_field_ }}.

Cependant, ce format de balise par défaut ne prend pas en compte l’imbrication. La sortie de l’exemple ci-dessus serait « Facturation::Factures » qui affiche le double deux-points. Pour afficher uniquement le dernier élément « Factures », utilisez une combinaison de deux filtres. Le premier filtre, appelé « diviser », segmente la chaîne en fonction d’un modèle correspondant (« :: »). Le deuxième filtre, « Dernier », récupère le dernier élément du tableau transféré. Pour diviser sur «::», allez après le filtre Diviser:
{{ticket.ticket_field_ | split:"::" | last }}

Conseil : Le même principe s’applique si vous souhaitez revenir au premier élément d’un champ imbriqué. Utilisez simplement le filtre « Premier » au lieu de « Dernier ».

Pour en savoir plus, consultez cet article de Github : Liquid for Designers.