Coloration syntaxique

Hyvor Blogs dispose d’un puissant surligneur syntaxique avec les fonctionnalités suivantes :

  • NumĂ©rotation des lignes
  • Surlignage des lignes
  • Diff (+ et -)
  • Focus sur une ligne

Plus important encore, la coloration syntaxique est effectuée au moment du rendu des articles sur notre back-end. Elle ne nécessite donc aucun JavaScript ou CSS supplémentaire. Pour modifier les paramètres de coloration syntaxique, allez dans Console → Settings → Post Content.

Langages

Chargement des langages

Thèmes

Chargement des thèmes

Ajouter des blocs de code Ă  votre article

Voir Bloc de code dans l’Éditeur.

Annotations

Les annotations sont utilisées pour surligner, mettre en focus et numéroter les lignes. Vous pouvez ajouter des annotations au bloc de code dans l’Éditeur. Voyons quelques exemples.

Annotation
Description
h=1
Surligne la première ligne
h=1-5
Surligne les lignes 1 Ă  5
h=1,5,6
Surligne les lignes 1, 5 et 6
h=1-4,7
Surligne les lignes 1 Ă  4, puis la ligne 7
f=1
Met le focus sur le numéro 1 (fonctionne exactement comme le surlignage)
+=12
Surligne la 12e ligne en vert (pour un ajout de Diff)
-=20
Surligne la 20e ligne en rouge (pour une suppression de Diff)
renumber=4:21
Le numéro de la 4e ligne sera changé en 21. La ligne suivante aura le numéro 22
renumber=6:null
Le numéro de la 6e ligne sera masqué
h=1 +=12
Vous pouvez avoir plusieurs annotations séparées par des espaces
numbers=true
Active la numérotation des lignes (pour remplacer les paramètres globaux)
numbers=false
Désactive la numérotation des lignes (pour remplacer les paramètres globaux)

Notes

  • Les couleurs de la syntaxe proviennent de notre cĂ´tĂ©, mais les styles comme le padding, les marges, l’espace entre les lignes et la taille de la police proviennent du thème de votre blog.
  • En interne, nous utilisons des grammaires TextMate pour la coloration syntaxique.
Hyvor Blogs Logo