Éditeur

Hyvor Blogs est livré avec un éditeur de texte enrichi qui prend en charge les styles en ligne et les blocs.

Styles en ligne

Pour ajouter des styles en ligne à un texte, sélectionnez le texte. Une fenêtre contextuelle s’affichera avec les options disponibles. Cliquez sur le style en ligne que vous souhaitez ajouter. Les styles en ligne suivants sont pris en charge.

• Gras
• Italique
• Barré
• Code en ligne

Liens

Ajout et suppression de liens

L’ajout de liens est similaire à l’ajout de styles en ligne. Sélectionnez le texte que vous souhaitez lier, puis cliquez sur l’icône de lien. Ensuite, collez l’URL dans le champ et appuyez sur Entrée.

Pour supprimer un lien, sélectionnez le texte et cliquez sur l’icône de suppression.

Liens avec ancres

Pour ajouter facilement des liens d’ancrage, suivez les étapes ci-dessous.

1. Sélectionnez le texte que vous souhaitez lier et cliquez sur l’icône de lien
2. Cliquez sur « Ancres »
3. Choisissez l’ancre et cliquez dessus

Lier des articles

Pour créer un lien vers un article du même blog, suivez ces étapes.

1. Sélectionnez le texte que vous souhaitez lier et cliquez sur l’icône de lien
2. Cliquez sur « Articles »
3. Recherchez l’article en tapant le titre, puis cliquez dessus

Markdown pour les styles en ligne

Vous pouvez également utiliser des raccourcis Markdown pour créer des styles en ligne.

Blocs

Le terme « blocs » désigne les éléments de type bloc que vous pouvez ajouter aux articles, tels que les paragraphes et les citations. Les paragraphes sont les blocs de base. Vous pouvez créer un paragraphe en appuyant sur Enter n’importe où dans l’éditeur.

Pour ajouter d’autres blocs, utilisez la commande slash : tapez la barre oblique (/) sur une nouvelle ligne pour ouvrir la liste des blocs. Utilisez la souris ou les flèches haut/bas pour naviguer dans la liste.

Hyvor Blogs prend en charge les blocs suivants.

• Paragraphe
• Séparateur
• Titre
• Listes
• Citation
• Encadré
• Image
• Intégration
• Signet de lien
• Bloc de code
• HTML/Twig personnalisé

Titres

HB prend en charge les titres de <h1> à <h6>. La commande slash propose seulement deux options : Grand (h2) et Moyen (h3). Les autres titres peuvent être ajoutés en utilisant la syntaxe Markdown sur une nouvelle ligne.

• # + espace pour h1
• ## + espace pour h2
• ### + espace pour h3
• …

IDs de titres

Il existe deux façons d’ajouter des IDs de titres.

1. Placez le focus sur le champ ID en haut du titre et saisissez-y l'ID.

2. Tapez un ID de titre au format Markdown ({#heading-id}) à la fin du titre.

Listes

Citation

Le bloc Citation est généralement utilisé pour citer quelque chose, mais il est également utilisé de manière générale pour faire ressortir du texte. Vous pouvez créer un bloc Citation via la commande slash ou en saisissant > + espace sur une nouvelle ligne (syntaxe Markdown).

Vous pouvez sortir du bloc Citation en appuyant sur Enter sur une nouvelle ligne à l’intérieur du bloc Citation.

Encadré

Le bloc Encadré est utilisé pour écrire un texte qui se distingue du reste du contenu de l’article. Vous pouvez définir un emoji ainsi que des couleurs de fond/police pour chaque bloc encadré.

Image

Pour ajouter des images, utilisez la commande slash (/ sur une nouvelle ligne), et choisissez Image. Vous pouvez ajouter une image de l’une des façons suivantes :

• Téléverser depuis votre appareil

• Téléverser depuis une URL

• Choisir depuis Unsplash

• Choisir depuis la médiathèque

Excalidraw

Excalidraw est un outil permettant de créer des diagrammes et des dessins. Vous pouvez ajouter des dessins/modifications Excalidraw dans vos articles.

Pour les téléversements, la taille maximale de fichier est de 50 Mo. Les formats suivants sont pris en charge.

• PNG - .png
• JPEG - .jpg, .jpeg, .jfif, .pjpeg, .pjp
• GIF - .gif
• APNG - .apng
• AVIF - .avif
• SVG - .svg
• WebP - .webp

Le nœud image vous permet également de :

• Ajouter une légende
• Ajouter un texte ALT
• Redimensionner l’image

Intégration

Hyvor Blogs prend en charge l’intégration de contenu depuis Youtube, Twitter, Instagram, Facebook et d’autres plateformes. Hyvor Unfold est utilisé en coulisses pour prendre en charge diverses plateformes. Vous pouvez ajouter une intégration à l’aide de la commande slash (/ sur une nouvelle ligne → Intégration). Ensuite, collez l’URL que vous souhaitez intégrer dans le champ de saisie.

Consultez les plateformes prises en charge.

Signet de lien

Vous pouvez utiliser le bloc Signet de lien pour ajouter des aperçus de liens enrichis à vos articles. Pour insérer un signet de lien, tapez / sur une nouvelle ligne → Signet de lien. Ensuite, collez l’URL que vous souhaitez intégrer dans le champ de saisie et appuyez sur Entrée. Hyvor Blogs générera un aperçu enrichi du lien à l’aide des balises OG et d’autres métadonnées.

Bloc de code

Vous pouvez ajouter des blocs de code de deux façons :

• / sur une nouvelle ligne → Bloc de code
• Tapez ```lang ou ```js (avec le code de langage) sur une nouvelle ligne et appuyez sur Enter

Consultez Coloration syntaxique pour en savoir plus sur les langages pris en charge, les thèmes disponibles et l’utilisation des annotations.

HTML/Twig personnalisé

Le bloc HTML/Twig personnalisé vous permet d’ajouter du code HTML ou Twig personnalisé à vos articles. Vous pouvez l’utiliser pour ajouter des éléments personnalisés à vos articles. Par exemple, vous pouvez ajouter un formulaire personnalisé, un widget personnalisé, etc. Vous pouvez utiliser les variables Twig dans le code.