Slopographic

Guide de Slop Code

Premiers pas avec Slop Code

Slop Code est un éditeur de code pour les fichiers de votre Slop Drive. Il modifie JavaScript, TypeScript, HTML, CSS, JSON, Markdown, Python et le texte brut, et exécute le HTML et le JavaScript dans un aperçu isolé. Rien n’est envoyé.

Ouvrir Slop Code

Créer ou ouvrir un fichier

L’Explorateur affiche vos dossiers et fichiers de Slop Drive. Les boutons Fichier et Dossier créent des éléments dans le dossier sélectionné. Faites un clic droit sur une ligne pour Renommer, Déplacer vers…, Copier le chemin et Supprimer. Supprimer envoie l’élément dans la Corbeille de Slop Drive.

  1. Cliquez sur Nouveau fichier… (ou sur Nouveau en haut).
  2. Choisissez un Type, comme HTML. Il règle l’extension et la coloration.
  3. Tapez un Nom et cliquez sur Créer. Le fichier est créé dans Slop Drive et s’ouvre dans un onglet.
  4. Pour modifier un fichier que vous avez déjà, cliquez sur Ouvrir depuis Slop Drive…, ou cliquez dessus dans l’Explorateur à gauche.
La boîte de dialogue Nouveau fichier de Slop Code, avec le type réglé sur HTML et le nom bonjour.html

Modifier et enregistrer

L’éditeur affiche les numéros de ligne, le repliage, la mise en correspondance des parenthèses, la recherche et le remplacement, et plusieurs curseurs (Ctrl+clic en ajoute un). Appuyez sur Ctrl+Espace pour la complétion et les extraits. Entrée ou Tab valide.

Vos modifications sont gardées en brouillon sur cet appareil jusqu’à l’enregistrement. Un point marque un onglet avec des modifications non enregistrées.

  1. Appuyez sur Ctrl+S, ou cliquez sur Enregistrer, pour réécrire le fichier dans le même fichier de Slop Drive.
  2. Cliquez sur Enregistrer sous pour enregistrer une copie dans un dossier de votre choix.

Exécuter une page

L’aperçu n’a pas accès au réseau. Les CSS, scripts et images que la page appelle par un chemin relatif sont pris dans le même dossier de Slop Drive.

  1. Ouvrez un fichier HTML ou JavaScript.
  2. Cliquez sur Exécuter, ou appuyez sur Ctrl+Entrée.
  3. L’Aperçu s’ouvre à droite. Les messages de la console et les erreurs s’affichent dessous. Cliquez sur Fermer pour le masquer.
Slop Code avec hello.html ouvert dans l’éditeur et sa page exécutée dans l’Aperçu, avec Page prête dans la console

Extensions et autres fichiers

Le panneau Extensions contient des outils intégrés qu’on peut activer ou désactiver : Formateur (Formater le document), Sélecteur de mode de langage et Extraits. Rien n’est téléchargé.

Un fichier Markdown a un bouton Aperçu qui le montre mis en forme. Les images, audios, vidéos et PDF s’ouvrent dans un onglet d’affichage, en lecture seule.

Astuce : Ctrl+B affiche ou masque la barre latérale. Cliquez sur Commandes pour rechercher toutes les commandes.

Raccourcis clavier

TouchesCe qu’elle fait
Ctrl+OOuvrir depuis Slop Drive
Ctrl+Alt+NNouveau fichier
Ctrl+Alt+Shift+NNouveau dossier
Ctrl+SEnregistrer
Ctrl+Shift+SEnregistrer sous
Ctrl+Alt+WFermer l’onglet
Ctrl+F / Ctrl+HRechercher / remplacer
Ctrl+SpaceCompléter
Ctrl+Shift+FFormater le document
Ctrl+Alt+ZActiver ou désactiver le retour à la ligne
Ctrl+BAfficher ou masquer l’Explorateur
Ctrl+EnterExécuter l’aperçu