À quoi sert Web Capture Template dans Draftsapp

Gaffe ! : très (trop) long billet qui n’intéressera qu’une ou deux personnes (ou personne)…

J’ai évoqué récemment l’extension Obsidian Web Clipper proposée par Obsidian pour Safari (…lire Collecter des pages de la toile…) et Web Capture Template propre à Drafts.
J’avais conclu par ce billet par un… « je pense revenir aux seuls extraits capturés avec Web Capture Template de Drafts…! »
C’est fait même si j’ai apprécié les fonctions sophistiquées de Obsidian Web Clipper.

Retour à Drafts et sa fonction Web Capture Template…

Avertissement : j’aime explorer d’autres outils, solutions.
C’est en mettant les doigts dans le balisage markdown que j’ai carrément opté pour ce dernier malgré mon très lourd passé avec Word, FrameMaker et InDesign.

Je reviens donc sur la collecte sur le web de textes via Drafts même si ce n’est pas la première fois¹ que je l’évoque.
(rappel : je suis vieux et je radote !)…

Pourquoi…? La rusticité apparente de Drafts s’avère irremplaçable de simplicité à l’usage et convient à mes besoins modestes…!

Un seul modèle

Revenons sur le modèle du Web Capture Template dans Drafts.
Un seul — contrairement à Obsidian — mais qui se déploie illico comme tous les éléments de Drafts (des scripts aux barres additionnelles…) sur iOS et macOS.

Inutile de faire les mêmes réglages sur tous les écrans où Drafts est utilisé (…si je corrige un élément sur mon iPhone, il est répercuté sur iPad et MacBook)…

Pour préparer mes billets Nazbrokology² (entre autres), la capture automatique des éléments d’une page internet est disponible : à moi de les disposer dans ce modèle selon mes besoins/envies et dans l’ordre souhaité (c’est du texte que vous pouvez agencer et baliser en markdown selon vos désidératas)…

• La date de la capture (dans le format que je souhaite)
• Du titre de l’article
• De l’URL (…que je peux associer avec le titre, CQFD)
• Un extrait (de taille variable, à moi de couper/concaténer ultérieurement)
• Une première mise en forme par le biais du balisage markdown qui s’appuie sur le HTML de la sélection de texte capturée.
• Sans oublier un tag pour regrouper automatiquement ces entrées dans un Workspace dédié dans Drafts

J’ai bricolé mon modèle ainsi (…avec un mini changement cosmétique en utilisant une balise markdown de niveau 3 par rapport à ce précédent billet)

Créer une page cible

Comme je suis de plus en plus paresseux (et au lieu de réaliser un Merge des infos collectées individuellement pour assembler au final mes pages un nouveau Paul-Eu-Gazette), je crée une entrée dans Drafts

C’est elle qui va servir de réceptacle, de cible pour recevoir les captures des pages Web au fur et à mesure de mes lectures.

Pour illustrer mon propos, j’ajoute un titre (…d’une originalité folle, je vous l’accorde…!) en haut du document…
## Paul-Eu-Gazette
Histoire de l’identifier.

Passer à la collecte sous macOS…

Une série de copies d’écran sous iOS conclut ce billet…

Sous macOS, dans Safari et au fil de mes lectures — et/ou en utilisant en amont News Explorer et mes (trop) nombreux fils RSS —, je passe de site en site, du lemonde.fr, courrierinternational.com à mediapart.fr, etc.

En parcourant ces pages, articles, billets, je tombe sur une information qui m’interpelle et que je souhaite collecter…

Je sélectionne la partie du texte que je souhaite retenir, conserver… Puis, la page web dans Safari avec le texte sélectionné à l’écran, via le menu Partage (l’icône carrée avec une flèche vers le haut), j’appelle… Drafts (je n’illustre pas cette étape basique) dans la liste déroulante…

Drafts affiche une fenêtre survolant Safari avec tous les éléments définis de mon modèle (voir plus haut…!), dont ma sélection de texte basculée en markdown…

Sauvegarder la sélection ou l’ajouter…?!

En pied de cette fenêtre créée par Drafts, une série d’options.

À droite, Cancel, Copy, Open et Save qui peut créer une nouvelle page qui ira se glisser dans Drafts… Et, en dessous, une flèche qui pointe vers le bas, retenez là…!)…
À gauche trois infos un poil dispersées…

• Le rappel du style de la page (ici, du markdown)
• Le type d’action qui sera employé : Save as New Draft (la capture sera enregistrée comme un nouveau document)
• Où…? Dans Inbox ou Archive…

Pas de panique, c’est très logique…!!

1. Si vous souhaitez créer simplement une nouvelle page, Drafts vous propose de la classer dans les dernières infos (Inbox) ou de la glisser dans Archives (pour mémoire)… Appuyez alors sur Save
2. Or l’objectif est d’ajouter le contenu affiché de la fenêtre dans une page existante (…celle que j’ai nommée… Paul-Eu-Gazette)

C’est ici où la toute petite icône flèche qui pointe vers le bas (celle sous le bouton Save) est clé…!! On appuie dessus…

La fenêtre en survol au-dessus de la page Web (qui attend patiemment le temps nécessaire, pas d’angoisse…) s’est agrandie vers le bas…!
Et affiche la liste d’entrées de Drafts…

Charge à vous de retrouver la page souhaitée… Je cherche le titre de ma page de collecte en faisant défiler les entrées affichées et la sélectionne…

C’est le moment de lire les indications de la fenêtre flottante qui affichent de nouvelles informations pratiques. Elles confirment que…

• J’ai bien sélectionné une page cible nommée Paul-Eu-Gazette…
• Que Drafts vous propose d’ajouter le contenu de la fenêtre au début de la page cible (Start of) ou à la suite (End of) comme je le souhaite…
• Et Save s’est mué en Append (ajouter/joindre…)

En résumé : la page cible (qui va recevoir l’info) est affichée dans la fenêtre, l’option End of activé, plus qu’à appuyer sur … Append…!

Drafts ferme la fenêtre et vous pouvez continuer votre collecte de news dans Safari…
Chaque nouvel extrait va s’ajouter à la fin de la page cible

Et, à chaque fois, Drafts appliquera le modèle de la Web Capture Template à la sélection de texte, c’est à dire : date, titre et URL, CQFD. Comme ce modèle est balisé en markdown, la mise en forme des infos est rigoureusement identique…

C’est pourquoi j’insiste : n’hésitez pas à perdre du temps, tester, modifier les balises markdown pour trouver le modèle de mise en forme que vous souhaitez… De facto, vous ne perdez pas de temps, vous allez en gagner si vous êtes bien organisé, pensez mise en pages automatisée.

Je reconnais que l’interface de Drafts est assez déroutant, rustique mais monstrueusement logique…! Je l’apprécie car elle ne propose rien de purement cosmétique, c’est simplement efficace…!

Et sous iOS…?

Mêmes opérations mais l’interface est nettement plus agréable et condensée (à mon sens)…

Sélection du texte dans la page…

Appel de Web Capture Template de Drafts…

Possibilité de sauvegarder individuellement…

Ou choix d’une page cible (voire d’en créer une). Je précise que lors des opérations suivantes, Drafts vous proposera la même disposition par défaut… [Edit] Il vous faudra impérativement sélectionner à nouveau la page cible mais elle est affichée en première position dans le menu…

Avant ou après ?
End of, CQFD (et la page cible s’affiche à côté) Et ce réglage sera également conservé pour les prochaines captures

Hop…! Dans Drafts la dernière capture est bien en fin de document…
Au suivant…!

Attention : le balisage markdown interprété du HTML est parfois à corriger mais c’est minime…

Voilà, à vous de jouer…!