1.7 Liens d’ancre (liens de saut)

✔️ Avec les liens d’ancre (liens de saut), vous pouvez créer une navigation au sein d’une carte. Pour ce faire, vous définissez des liens d’ancre portant leur propre nom dans vos boîtes et vous les reliez, par exemple, au moyen d’une table des matières dans une boîte.

1

Supposons que vous souhaitiez créer une table des matières. Suivez ces étapes :
1. Ouvrez la boîte vers laquelle vous souhaitez créer un lien avec l’éditeur de boîte.
2. Cliquez sur « Éléments » et sélectionnez « Lien d’ancre » dans le menu déroulant.
Lien d’ancre dans le menu déroulant de l’éditeur de boîte
1. !#anchor sera inséré dans le contenu de la boîte (comme modèle).
2. Renommez l’ancre comme vous le souhaitez, par exemple en !#start1. Assurez-vous que le mot de l’ancre est un seul mot et que les caractères !# sont placés directement devant le mot (sans espaces, tout en minuscules).
3. Enregistrez la boîte.
Le lien d’ancre est maintenant associé à la boîte et peut être utilisé pour la navigation (création de liens).
⚙ create

2

Si un lien d’ancre est associé à une boîte, vous verrez le mot de l’ancre en mode édition comme suit :
Lien d’ancre visible dans le contenu de la boîte
Vous pouvez maintenant utiliser ce lien pour la navigation.
1. Ouvrez l’éditeur de boîte pour la boîte dans laquelle le lien doit être ajouté.
2. Rédigez votre texte.
3. Sélectionnez un mot dans le texte avec la souris et cliquez sur le bouton "Insérer un lien".
4. Saisissez votre lien d’ancre, par exemple !#start1.
5. Enregistrez la boîte.
Lier du texte avec un lien d’ancre
⚙ linking

3

Lorsque vous cliquez sur le lien fourni, la carte défile jusqu’à la boîte liée (où se trouve le lien d’ancre) et la boîte clignote trois fois.
Saut vers la boîte liée avec lien d’ancre
De plus, un petit bouton de retour apparaît en bas à gauche de la boîte.
Cependant, vous pouvez aussi utiliser le bouton Retour du navigateur (ou le bouton de retour de votre souris) pour revenir à la boîte précédente.
⚙ navigation

4

Dans l’exemple de carte suivant, vous pouvez voir comment fonctionne la navigation avec des liens d’ancre.
Exemple : table des matières avec liens d’ancre LINK
Si vous cliquez sur un lien dans la table des matières, l’affichage se déplace vers la boîte correspondante.
Si vous utilisez le bouton de retour sur la boîte ou le bouton Retour du navigateur, cela vous ramène à la table des matières.
⚙ example

5

Les liens d’ancre peuvent également être insérés dans les titres de boîte et les titres de colonne.
Pour ce faire, utilisez simplement la syntaxe !#myanchor et ajoutez-la à la fin du titre.
⚙ titles

6

Les liens d’ancre peuvent être utilisés pour l’auto-navigation dans la carte. Par exemple, pour une liste de tous les cours dans la première boîte de la carte ou pour une table des matières.
Cependant, vous pouvez également ajouter un lien d’ancre à votre lien de partage de carte afin de créer directement un lien vers n’importe quelle boîte sur d’autres cartes également.
Pour ce faire, ajoutez simplement le lien d’ancre à la fin du lien de partage de carte avec #myanchor (sans point d’exclamation).
Lorsque vous ouvrez ensuite ce lien, il défilera automatiquement jusqu’à la boîte liée et la boîte clignotera.
⚙ anchorlinks

7

Veuillez respecter les règles suivantes :
- Les liens d’ancre sont toujours composés d’un seul mot sans espaces.
- Écrivez toujours les liens d’ancre en minuscules. Évitez les majuscules.
- Évitez les caractères spéciaux (sauf le point d’exclamation et le dièse au début).
Incorrect :
!#my Anchor
Correct :
!#myanchor
⚙ format

8

Des liens d’ancre peuvent également être définis dans les étiquettes de texte. Cela permet des applications supplémentaires :
1. Sauter d’une étiquette de texte à une autre
2. Sauter d’une étiquette de texte à une boîte
3. Sauter d’une boîte à une étiquette de texte
Lors du saut vers une étiquette de texte, l’étiquette de texte clignote trois fois et est brièvement marquée en rouge.
Saut vers l’étiquette de texte liée avec un lien d’ancre
Saisie pour l’étiquette de texte cible :
My text here !#target
Saisie pour l’étiquette de texte contenant le lien :
My {link to the text label}{!#target}
⚙ textlabels