{{backlinks>.}}

====== L'éditeur ======

Voilà à quoi ressemble Sloyd quand on vient de créer un nouveau dépôt.

{{:sloyd:editeur_1.png}}

Nous voyons s'afficher le nom du dépôt ((car nous avons bien coché l'option «\ ajouter un fichier README\ » lors de la création du dépôt.)) puisque, par défaut, le navigateur affiche le contenu du fichier ''README.md''. Par défaut, le fichier contient le nom du dépôt.

{{:sloyd:editeur_2.png}}

===== Sélectionner =====



Pour accéder au contenu des fichiers textes (ou Markdown) et les modifier, il faut sélectionner le fichier dans la partie haute (la partie «\ navigateur de fichier\ ») et cliquer sur son nom.

{{:sloyd:editeur_3.png}}

Nous visualisons à nouveau le contenu du fichier, mais à présent la partie «\ navigateur\ » a disparu.

{{:sloyd:editeur_4.png}}

Pour «\ naviguer\ », il faut maintenant cliquer sur une partie du [[icn>numerique :chemin|chemin]] qui s'affiche dans la partie supérieure. Ici, on peut revenir à la racine en cliquant sur «\ alphaville\ », le nom du dossier racine, c'est-à-dire le dépôt en lui-même.

{{:sloyd:editeur_5.png}}

===== Outils =====

Quand on [[#selectionner|sélectionne]] un fichier de type « texte », on remarque une nouvelle barre d'outils en haut à gauche qui nous permet d'éditer les fichiers de type texte.

{{:sloyd:editeur_6.png}}


===== Barre d'outils =====

Explorons cette barre d'[[#outils]] en commençant par la droite. D'abord, nous avons une icône en forme de poubelle qui nous permet de supprimer le fichier si nous le souhaitons. Ensuite, nous trouvons une icône en forme de crayon pour éditer le fichier.

{{:sloyd:editeur_7.png}}


===== Editeur =====

Quand vous cliquez sur le crayon cela vous permet d'ouvrir un petit éditeur texte pour modifier le contenu du fichier. Ici il s'agit d'un fichier rédigé en Mardown. 

{{:sloyd:editeur_8.png}}

Ajoutons un sous-titre et quelques mots.

{{:sloyd:editeur_9.png}}

===== Aperçu =====

Les modifications que nous avons apportées au texte ne sont pas encore enregistrées, mais nous pouvons visualiser le résultat si nous le souhaitons, avant de les valider en cliquant sur le bouton «\ Aperçu\ » dans la partie supérieure.

{{:sloyd:editeur_10.png}}

===== Enregistrer =====

Quand nous sommes prêts à enregistrer ces modifications, il nous suffit de faire dérouler la page jusqu'à trouver le bouton «\ Enregistrer les modifications\ ». 

{{:sloyd:editeur_11.png}}

Nous pouvons éventuellement préciser la nature de ces modifications en renseignant la partie «\ titre\ » et «\ commentaire\ » de ce qui va devenir un «\ commit\ ».

{{:sloyd:editeur_12.png}}

Après validation, nous voici de retour en mode visualisation.

{{:sloyd:editeur_13.png}}

===== Historique =====

Si nous revenons maintenant à la racine du dépôt en cliquant dans la barre du «\ chemin\ » (partie ''alphaville'' de ''alphaville/README.md'') nous remarquons dans [[sloyd:interface#barre_de_l_historique|barre d'historique]] qu'il y a maintenant ''2 Révisions''.

{{:sloyd:editeur_14b.png}}

Cliquez sur l'icône ''Révisions'' et vous verrez les deux premières «\ versions\ » du fichier ''alphaville/README.md'' : l'état initial (1) et les premières modifications que nous venons d'y apporter (2)

{{:sloyd:editeur_15.png}}


Pour revenir à la page d'accueil, cliquer sur le chemin des dépôts, ou sur le bouton ''<>code''

{{:sloyd:editeur_17.png}}