Options de base

astuce

Pour tout les champs, vous pouvez spécifier le paramètre selector pour spécifier un sélecteur CSS. Ce qui permettra d'afficher le petit crayon bleu dans la prévisualisation et faciliter la personnalisation.

text

Permet de saisir un texte.

remarque

Le paramètre type est optionnel et par défaut est text. Vous pouvez spécifier textarea pour un champ textarea ou d'autre type de champ comme number, email, url, tel, date, datetime.

my_text:
    label: "Texte"
    default: "Texte par défaut"

image

Permet de choisir une image dans la médiathèque.

my_image:
    label: "Image"
    type: "image"
    default: "https://via.placeholder.com/150"

cropped_image

Permet de choisir une image dans la médiathèque avec une taille spécifique avec possibilité de recadrage.

remarque

Les paramètres width et height sont optionnels. Ils permettent uniquement de définir un ratio. Le paramètre resize, quant à lui, permet de définir si on veut redimensionner le recadrage.

remarque

Dans le paramètre button_labels, on retrouve les paramètres suivants :

• select : Texte du bouton de sélection.
• change : Texte du bouton de changement.
• placeholder : Texte du placeholder.
• frame_title : Titre de la fenêtre.
• frame_button : Texte du bouton de la fenêtre.

Ils sont tous optionnels.

banner:
    label: "Bannière"
    type: "cropped_image"
    width: 900
    height: 200
    resize: true
    button_labels:
        select: "Sélectionner une bannière"
        change: "Changer la bannière"
        placeholder: "Aucune bannière sélectionnée"
        frame_title: "Sélectionner une bannière"
        frame_button: "Choisir une bannière"

upload

Permet de choisir un fichier dans la médiathèque en spécifiant un ou plusieurs mime_type.

remarque

Dans le paramètre button_labels, on retrouve les paramètres suivants :

• select : Texte du bouton de sélection.
• change : Texte du bouton de changement.
• placeholder : Texte du placeholder.
• frame_title : Titre de la fenêtre.
• frame_button : Texte du bouton de la fenêtre.

Ils sont tous optionnels.

astuce

Le paramètre mime_type peut contenir un ou plusieurs types de fichiers acceptés. Par exemple : application/pdf,image/jpeg,image/png,audio,

pdf_upload:
    label: "Télécharger un PDF"
    type: "upload"
    mime_type: "application/pdf"
    button_labels:
        select: "Sélectionner un PDF"
        change: "Changer le PDF"
        placeholder: "Aucun PDF sélectionné"
        frame_title: "Sélectionner un PDF"
        frame_button: "Choisir ce PDF"

code_editor

Permet de saisir du code.

remarque

Le paramètre code_type est optionnel et par défaut est html. Vous pouvez spécifier js, md, php, css, html.

code:
    label: "Code JS"
    type: "code_editor"
    default: ""
    code_type: "js"