·4 min leestijd

OCR voor codefragmenten op Mac — kopieer code uit tutorials en screenshots

Code verschijnt als afbeelding in een tutorial, documentatie of een gedeelde screenshot — en overtypen betekent bugs introduceren, één verkeerd geplaatst teken tegelijk.

Een blogpost geeft zijn codevoorbeelden weer als gestileerde afbeeldingen. Een collega plakt een screenshot van hun IDE in een pull-requestopmerking. Documentatie voor een legacy-tool bestaat alleen als terminalscreenshots op een wiki. Stack Overflow-antwoorden bevatten code ingesloten in afbeeldingen omdat de opmaak het origineel verminkte. In elk geval is de code zichtbaar en leesbaar, maar het is een afbeelding — en code kopiëren uit een afbeelding door het over te typen is hoe je dertig minuten besteedt aan het debuggen van een puntkomma die je dacht dat een dubbele punt was.

Code vraagt om karakterperfecte extractie

In tegenstelling tot proza heeft code nul tolerantie voor benadering. Een koppelteken in plaats van een underscore breekt een import. Eén verkeerd geplaatst haakje maakt een functie ongeldig. Een kleine letter waar een hoofdletter nodig was, verandert een variabelreferentie volledig. Als je code overtypt vanaf een afbeelding, is elk teken een potentieel faalpunt — en de bugs die je introduceert zijn onzichtbaar omdat ze er op het eerste gezicht correct uitzien.

Het probleem wordt vergroot bij lange commando's, meerregelige snippets of onbekende syntax. Een Docker run-commando met tien flags, een regexpatroon, of een shell-pipeline met pipes en redirects — dit is precies het soort content dat als afbeelding wordt gedeeld en bijna onmogelijk nauwkeurig over te typen is.

Extraheer code uit elke afbeelding op het scherm

Optic leest de codetekens rechtstreeks van je scherm. Open de afbeelding, tutorialpagina of screenshot met de code, activeer Optic vanuit de menubalk en sleep een selectie over het fragment. De herkende tekst — met behoud van insprong, speciale tekens en regelstructuur — gaat direct naar je klembord.

Optic extracting code from a screenshot on Mac

Terminalcommando's

Installatiescripts, buildcommando's en deploymentpijplijnen weergegeven als terminalscreenshots komen vaak voor in documentatie en tutorials. Selecteer het commandoblok en plak het in je terminal met het vertrouwen dat de flags, paden en argumenten precies kloppen.

IDE-screenshots

Wanneer een collega een screenshot van hun code deelt — in Slack, in een GitHub-opmerking, in een e-mail — extraheer de code en plak hem in je eigen editor. Test hem, wijzig hem, of beoordeel hem goed in plaats van naar een afbeelding te turen.

Extractie van meerdere fragmenten

Tutorials tonen vaak meerdere codeblokken op een pagina. Extraheer elk op volgorde. De vastleggingsgeschiedenis van Optic bewaart elke extractie, zodat je een hele tutorial kunt doorwerken en elk fragment een voor een uit het geschiedenisdropdownmenu in je project kunt plakken.

Haal Optic in de Mac App Store

Volgend artikel

Optic

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

Get Optic on the Mac App Store