·4 min de lecture

OCR d'extraits de code sur Mac — Copier du code depuis des tutoriels et captures d'écran

Du code apparaît sous forme d'image dans un tutoriel, une documentation, ou une capture d'écran partagée — et le retaper signifie introduire des bugs un caractère mal placé à la fois.

Un article de blog affiche ses exemples de code sous forme d'images stylisées. Un collègue colle une capture d'écran de son IDE dans un commentaire de pull request. La documentation d'un outil hérité n'existe que sous forme de captures d'écran de terminal sur un wiki. Les réponses Stack Overflow incluent du code intégré dans des images parce que le formateur a dénaturé l'original. Dans chaque cas, le code est visible et lisible, mais c'est une image — et copier du code depuis une image en le retapant est le meilleur moyen de passer trente minutes à déboguer un point-virgule que vous pensiez être un deux-points.

Le code exige une extraction parfaitement fidèle

Contrairement à la prose, le code n'a aucune tolérance pour l'approximation. Un trait d'union au lieu d'un tiret bas brise un import. Une seule parenthèse mal placée rend une fonction invalide. Une lettre minuscule là où une majuscule était nécessaire change entièrement une référence de variable. Quand vous retapez du code depuis une image, chaque caractère est un point de défaillance potentiel — et les bugs que vous introduisez sont invisibles car ils semblent corrects à première vue.

Le problème est amplifié avec de longues commandes, des extraits multi-lignes, ou une syntaxe peu familière. Une commande Docker run avec dix options, un motif regex, ou un pipeline shell avec des tubes et des redirections — c'est exactement le type de contenu qui est partagé sous forme d'images et qui est presque impossible à retaper avec précision.

Extrayez du code depuis n'importe quelle image à l'écran

Optic lit les caractères du code directement depuis votre écran. Ouvrez l'image, la page de tutoriel, ou la capture d'écran contenant le code, activez Optic depuis la barre de menus, et faites glisser une sélection sur l'extrait. Le texte reconnu — préservant l'indentation, les caractères spéciaux, et la structure des lignes — va directement dans votre presse-papiers.

Optic extracting code from a screenshot on Mac

Commandes de terminal

Les scripts d'installation, les commandes de build, et les pipelines de déploiement affichés sous forme de captures d'écran de terminal sont courants dans la documentation et les tutoriels. Sélectionnez le bloc de commande et collez-le dans votre terminal avec la certitude que les options, chemins et arguments sont exactement corrects.

Captures d'écran d'IDE

Quand un collègue partage une capture d'écran de son code — dans Slack, dans un commentaire GitHub, dans un e-mail — extrayez le code et collez-le dans votre propre éditeur. Testez-le, modifiez-le, ou révisez-le correctement au lieu de plisser les yeux devant une image.

Extraction multi-extraits

Les tutoriels montrent souvent plusieurs blocs de code à travers une page. Extrayez-les un par un. L'historique des captures d'Optic enregistre chaque extraction, ce qui vous permet de parcourir un tutoriel entier et de coller chaque extrait dans votre projet un par un depuis le menu déroulant de l'historique.

Obtenez Optic sur le Mac App Store

Article suivant

Optic

Select any text on screen and copy it — images, PDFs, dialogs, anything.

Get Optic on the Mac App Store