Urbanbike

Index |
ou détaillée | Fil RSS | ATOM

Draftsapp | Hierarchie des titres et URLs

Merci au balisage markdown…!

dans drafts | écrire

[…] Liste des entrées à propos de Drafts […]

Sur Drafts, il y a quelques petites icônes auxquelles les utilisateurs ne prêtent pas suffisamment d’attention alors qu’elles s’avèrent ultra pratiques au quotidien…!

Récemment, j’ai modifié ma propre manière de gérer les titres de mes Paul-Eu-Gazette qui sont désormais tous (…les nouveaux billets j’entends) basculés en niveau 3…

Ainsi cette petite flèche vers le bas à coté de la loupe de la recherche : un appui et…

reduc-450

…hop…! Cela me permet de vérifier si je n’ai pas doublonné un titre ou si les dates sont dans le bon ordre…
Drafts affiche cette info sur deux lignes maximum

reduc-450

Quand la liste est longue, c’est en bas de la fenêtre qu’il faut aller chercher la compilation de toutes les URLs du document dont celles comprises dans les paragraphes de texte, CQFD.

reduc-450

Sous macOS (et iPad sous iOS), la largeur de l’écran permet généralement de tout afficher (…quoi que…!).

reduc-450

Enfin, cette hiérarchie a un intérêt pour le lecteur qui emploie le navigateur Safari et l’extension Table of contents…!

reduc-450

Ça se passe d’explications, non…?

le 08/03/2025 à 11:20 | .(JavaScript doit être activé pour visualiser cette adresse email) à JChris d'Urbanbike | #

Comment fusionner des entrées dans Draftsapp

iOS et macOS

dans drafts | écrire

[…] Liste des entrées à propos de Drafts […]

Après avoir publié1 À quoi sert Web Capture Template dans Draftsapp, je préfère rappeler une alternative2 de Drafts souvent négligée…

Si vous êtes habitués à rédiger des brouillons, des fragments de texte, de courtes intros, prendre des tas de notes sur des pages séparées, vous pouvez certes jouer du copier/coller pour regrouper ces bribes dans une nouvelle page ! Ou les fusionner sans peine !

Drafts (…ici, le lien vers la version iOS) n’est pas qu’un simple outil un chouïa rustique de prises de notes ! Aussi cette session3 pour les trois (deux ?) lecteurs qui cherchent à s’en servir au quotidien.

  • Sur macOS une item nommée Merge… se trouve dans le menu File
  • Sur iOS, pas de menu mais, en pied du panneau des fichiers de n’importe Workspace, une icône flèche vers le haut…! Un appui sur celle-ci affiche une série d’options (quasi les mêmes que dans le menu File de macOS) dont ce fameux Merge…

Cette fonctionnalité spécifique à Drafts permet de concaténer/fusinner les contenus de plusieurs fichiers d’une liste dans l’ordre voulu4

J’étais parti sur un billet rapide en deux copies d’écran avant de me raviser…!

Illustration…

Histoire de ne pas perdre le lecteur (…qui s’est écrié « trop tard » ?!), cette suite de copies d’écran…

reduc-450

Dans cet exemple, je souhaite ajouter à une première entrée le contenu de trois autres fiches regroupées dans un Workflow
Toutes ces entrées ont un Tag commun, ce qui permet justement de les retrouver dans ce même Workflow

reduc-450

Voici donc nos quatre fiches dont la première s’intitule Regroupement pour vous indiquer quelle fiche sert de cible…

En bas à droite de ce panneau se trouvent le mot Select et une icône flèche vers le haut

Appuyez sur Select

reduc-450

Drafts ajoute simplement des cercles à cocher à gauche de nos quatre entrées…

reduc-450

L’ordre dans lequel vous allez cocher ces cercles va déterminer le regroupement des fiches…!

L’idée est de tout regrouper dans la fiche judicieusement nommée… Regroupement (ne me remerciez-pas…!)., c’est la première qui doit être marquée…

reduc-450

Les trois autres peuvent être cochées dans l’ordre souhaité (j’insiste…!) et certaines pourraient ne pas être sélectionnées (ça va sans dire…).

Bon, l’idée est de montrer juste que cela fonctionne, je les sélectionne de haut en bas…

Il ne se passera rien tant que je n’aurais pas appuyé sur l’icône flèche vers le haut…! Je pourrais juste décocher une entrée (ou toutes) et changer l’ordre de regroupement…

J’appuie (je valide en quelque sorte mon regroupement…)

reduc-450

Hop, Drafts affiche l’équivalent du menu File

Ce qui m’intéresse est l’item Merge… sinon, c’est un livre que je devrais rédiger…! Notez quand même que vous avez des options intéressantes comme virer ou ajouter un tag, exporter… Mais j’abrège…

J’appuie sur Merge…

reduc-450

Un dialogue apparait avec de haut en bas…

  • La possibilité d’ajouter un séparateur (de votre choix : tirets, etc.) ou laisser le champ vide…
  • Ajouter (ou non) une ligne vide entre les entrées lors de la fusion (option préférée)
  • La possibilité de déplacer les entrées sélectionnées vers les archives, vers la poubelle ou ne rien faire (…j’ai sélectionné la poubelle/trash…!)
  • Enfin… Fusionner (Merge) ou annuler l’opération en cours.

reduc-450

Après avoir appuyé sur Merge, la liste des entrées s’affiche à nouveau mais avec une seule, notre regroupement…!

Un appui dessus pour l’afficher en entier…

reduc-450

Bref, le contenu des quatre entrées a bien été fusionné dans l’ordre souhaité

En finissant de rédiger ce billet, j’ai pensé qu’il fallait ajouter deux copies d’écran…

reduc-450

Pour vous montrer que toutes les entrées sont récupérables dans la corbeille, leurs quatre contenus ayant été en fait tous regroupés dans une nouvelle entrée

reduc-450

Que vous pouvez (de temps à autre) vider cette poubelle en appuyant sur son icône…!

NB : la sélection des entrées sous macOS se fait sans cercles à cocher (j’ai déjà demandé à Greg qui n’en voit pas l’utilité) et nécessite d’appuyer — dans l’ordre souhaité — dans la liste tout en maintenant Commande + Majuscule tout en cliquant sur les entrées dans la liste. Maintenir impérativement les touches Commande + Majuscule appuyées jusqu’au moment de sélectionner File/Merge…
C’est moins confortable que sous iOS mais c’est un coup à prendre…


  1. Je réfléchis (enfin !?) à regrouper, placer dans une catégorie et/ou réécrire ces quelques fonctions clés/pratiques. Avec des titres cohérents (!!) au lieu de les disperser dans ce blog fourre-tout ! Ce billet servira peut-être de déclencheur (…ou pas !). Il est clair que la mise à jour de mon fidèle ExpressionEngine est un atout pour le faire… ↩︎

  2. Rappel du billet… Un seul outil… Drafts | mode d’emploi | 1… ↩︎

  3. À la question pourquoi ne pas écrire un mode d’emploi de Drafts, ma réponse est invariable pour trois raisons… Cette app est en perpétuel développement ; je n’en suis qu’un modeste utilisateur qui partage ses rares connaissances. Dans une vie antérieure, j’ai rédigé quelques livres papier et… Biiiiiiip…! ↩︎

  4. C’est une séquence effectuée pour ma part quasi deux à trois fois par semaines selon l’actualité avec une quarantaine d’entrées en rassemblé en un seul fichier… ↩︎

le 04/03/2025 à 09:00 | .(JavaScript doit être activé pour visualiser cette adresse email) à JChris d'Urbanbike | #

À quoi sert Web Capture Template dans Draftsapp

macOS et iOS

dans drafts | écrire

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 fois1 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 Nazbrokology2 (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

reduc-450

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…

reduc-450

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…

reduc-450

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

reduc-450

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…

reduc-450

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…)

reduc-450

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

reduc-450

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)…

reduc-450

Sélection du texte dans la page…

reduc-450

Appel de Web Capture Template de Drafts

reduc-450

Possibilité de sauvegarder individuellement

reduc-450

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…

reduc-450

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

reduc-450

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…!


  1. En 2021Un seul outil… Drafts | mode d’emploi | 1. En 2016Usages | Append sur Drafts ou lister dans Copied ? ↩︎

  2. Ces Paul-Eu-Gazette, une réflexion de 2006 qui s’est concrétisée en 2021…! ↩︎

le 02/03/2025 à 08:30 | .(JavaScript doit être activé pour visualiser cette adresse email) à JChris d'Urbanbike | #