Encadrés de citation

Personnalisation Composant de thème
50

Voici une mise à jour qui modernise le composant et apporte la prise en charge de l’éditeur de texte enrichi ! :rocket:
Elle nécessitera peut-être quelques ajustements ou pourrait présenter des cas limites imprévus, mais je pense que c’est un très bon début. :folded_hands:

En bref

Éditeur de texte enrichi

Parlons de l’éditeur de texte enrichi et de ce à quoi s’attendre !

Création de callouts :

Vous disposez de quatre façons d’insérer des callouts :

  • Raccourci clavier
  • Barre d’outils
  • Règles de saisie
    • /callout<type>
    • !!<type>
  • Prise en charge du collage
    Vidéo

Modification des callouts

Les commandes pour modifier un callout n’apparaissent que lorsque vous le sélectionnez au préalable.

  • Sélecteur de type
    En cliquant sur l’icône, un menu flottant apparaîtra.
  • Titre personnalisé
    Prend en charge le formatage en ligne et les emojis
  • Pliage
    Définissez les callouts comme étant réductibles. On y accède via le menu des options.
    Vidéo

Organisation des callouts

  • Commandes de déplacement

    • Ordinateur de bureau
      Il y a une poignée que vous saisissez pour faire glisser et déposer le callout.
    • Appareil tactile
      Vous déplacez les callouts vers le haut/bas ou les imbriquez dans des callouts adjacents. C’est désactivé par défaut pour éviter d’alourdir la vue, car ce n’est pas quelque chose que vous ferez souvent. Vous pouvez basculer cette option dans les paramètres.
    Vidéo

  • Navigation au clavier
    Cela facilite la navigation à l’intérieur et à l’extérieur des callouts imbriqués. Il pourrait nécessiter quelques ajustements futurs pour rendre le comportement cohérent dans cette version.

    • ← Au début du titre, le sélecteur de callout s’ouvrira automatiquement.
    • ↑ ↓ À l’intérieur du corps d’un callout sans paragraphe où se poser, il en créera un ; si vous quittez avec un contenu vide, le paragraphe est supprimé.
    • Entrée à l’intérieur du titre déplace le curseur dans le corps (et en crée un si nécessaire).
    Vidéo

  • Clic pour insérer

    • Dans les zones où il n’y a pas de paragraphe, vous pouvez cliquer à l’intérieur pour ouvrir un paragraphe.
    • Si vous préférez, vous pouvez également utiliser des boutons pour ouvrir un paragraphe à l’intérieur ou à l’extérieur d’un callout.
      Vidéo

Peut-être que plus tard, je vais chercher :

  • l’autocomplétion des règles de saisie
  • améliorer la couleur en utilisant du CSS moderne, pour assurer la cohérence et la visibilité, en particulier en mode sombre.

  • J’aimerais supprimer tous les paramètres et me concentrer sur la simplicité d’abord, avec une personnalisation avancée uniquement par CSS, mais il est trop tard pour cela :rofl:

Remerciements spéciaux à Moin pour ses retours.

Voilà. Faites-moi savoir ce que vous en pensez. Vos retours sont très appréciés !

7 « J'aime »