Get AI summaries of any video or article — Sign up free
Tuto Obsidian en français plugin Ozan image in editor - rendre le mode édition plus WYSIWYG thumbnail

Tuto Obsidian en français plugin Ozan image in editor - rendre le mode édition plus WYSIWYG

5 min read

Based on PKMind - Obsidian - Boostez votre Productivité's video on YouTube. If you like this content, support the original creators by watching, liking and subscribing to their content.

TL;DR

Le plugin **Ozan’s Image Editor** rend les médias visibles directement en **mode édition**, réduisant les allers-retours avec la prévisualisation.

Briefing

Obsidian manque souvent d’un rendu “WYSIWYG” pendant la rédaction : les images, vidéos et PDF ne s’affichent qu’au moment de la prévisualisation. Le plugin **“Ozan’s Image Editor”** change cette logique en affichant directement, en **mode édition**, le contenu visuel correspondant aux liens insérés. Résultat : le titre, les médias et la mise en page deviennent beaucoup plus lisibles avant même de passer en aperçu.

Après installation et activation du plugin dans **Plugins tiers**, l’interface bascule vers un comportement plus immédiat. Un lien d’image qui, auparavant, ne montrait qu’un repère (texte/lien) pendant l’édition affiche désormais l’image elle-même dans la note. L’exemple autour de **Socrate** illustre le gain : le titre et le contenu prennent un aspect proche de la prévisualisation, ce qui facilite la correction et la rédaction sans aller-retour constant.

Le tutoriel montre aussi comment gérer des médias stockés sur Internet. En utilisant un lien “non wiki” (avec une syntaxe à crochets), l’image reste éditable : le texte du lien peut rester visible tant que l’on doit modifier la référence. En prévisualisation, le lien disparaît au profit de l’affichage final, ce qui conserve à la fois la flexibilité d’édition et le rendu propre.

Le plugin étend ensuite le même principe à d’autres types de contenus. Pour les **vidéos**, l’intégration passe par une commande **iframe** : le code récupéré depuis YouTube est collé dans Obsidian, et l’affichage en mode édition dépend d’un réglage dédié (activation du rendu des iframes). Le même mécanisme s’applique aux **PDF** : en ajoutant un point d’exclamation devant la référence, le document s’affiche directement, y compris à une page précise (ex. “page 2” via une syntaxe de type “page=2”). L’auteur souligne l’intérêt quand les PDF deviennent longs, car l’on peut cibler exactement la portion utile.

Pour les **dessins**, le plugin gère aussi les fichiers **Excalidraw** (“ex-cat l’hydro” dans la transcription), avec un rendu activable en mode édition. Les paramètres permettent de contrôler finement l’expérience : activer/désactiver le rendu en édition, activer le rendu des iframes, des PDF, des images, et même un rafraîchissement après modification pour que l’affichage suive les changements.

Enfin, le tutoriel introduit une fonctionnalité clé : les **“transfusions”**, c’est-à-dire l’insertion d’un morceau d’une note dans une autre. En créant des marqueurs (avec un accent circonflexe et un identifiant), puis en appelant ce marqueur avec un point d’exclamation, une note peut afficher uniquement une image ou un élément précis provenant d’une autre page—sans importer toute la note. Cette approche sert à réutiliser des schémas, images et sections de manière modulaire.

Au total, **Ozan’s Image Editor** vise à neutraliser la critique “Obsidian n’est pas WYSIWYG” en offrant un compromis : travailler presque comme en prévisualisation, tout en gardant l’édition confortable. L’auteur conclut en reliant ce confort visuel à une meilleure mémorisation et à un usage quotidien plus agréable, tout en rappelant que la finalité reste la gestion des connaissances.

Cornell Notes

Le plugin **Ozan’s Image Editor** améliore Obsidian en rendant les médias visibles directement pendant la rédaction, pas seulement en prévisualisation. En ajoutant un point d’exclamation devant certaines références, les images, vidéos (via **iframe**), PDF (avec possibilité de choisir une page) et dessins (type Excalidraw) peuvent s’afficher en mode édition. Des réglages permettent d’activer/désactiver ces rendus selon le type de contenu et de contrôler le rafraîchissement. Le plugin introduit aussi les **“transfusions”** : des marqueurs permettent d’insérer dans une autre note uniquement un fragment précis (par exemple une image ou un schéma), sans importer toute la page. L’intérêt principal est de réduire les allers-retours édition/aperçu et de rendre la mise en page plus lisible au quotidien.

Comment le plugin fait-il apparaître une image pendant l’édition, au lieu de n’afficher qu’un lien ?

Après activation du plugin, un lien d’image inséré dans la note affiche l’image directement en mode édition dès qu’on utilise la syntaxe attendue (notamment le **point d’exclamation** devant la référence). L’exemple autour de **Socrate** montre que le titre et l’image prennent un rendu proche de la prévisualisation, ce qui permet de corriger et d’écrire avec une meilleure visibilité.

Pourquoi le tutoriel insiste sur la différence entre mode édition et prévisualisation pour les liens d’images ?

En mode édition, le plugin conserve une logique d’édition : le lien peut rester visible pour permettre de modifier la référence. En prévisualisation, le texte du lien disparaît et le rendu final (l’image) s’affiche proprement. Cette séparation garde la flexibilité de modification tout en offrant un aperçu fidèle.

Comment intégrer une vidéo et obtenir un rendu en mode édition ?

L’intégration passe par une commande **iframe** : le code est récupéré depuis YouTube (zone de partage) puis collé dans Obsidian. Le rendu en mode édition dépend ensuite d’un paramètre du plugin : activer l’option de rendu des **iframes** fait apparaître la vidéo pendant la rédaction ; sinon, elle n’apparaît qu’en prévisualisation.

Que permet le plugin pour les PDF, notamment sur les documents longs ?

Avec le point d’exclamation, le PDF s’affiche directement dans la note. Le tutoriel montre aussi la possibilité de cibler une page précise (exemple : afficher à partir de la **page 2**). Sur des PDF à plusieurs centaines de pages, cette capacité évite de charger inutilement tout le document et permet de montrer uniquement la portion pertinente.

Qu’appelle-t-on “transfusions” et comment réutiliser un fragment d’une note dans une autre ?

Les **transfusions** consistent à insérer un morceau d’une note dans une autre via des marqueurs. L’auteur crée une section (par exemple “Images Platon” puis “Images Socrates”) et associe chaque élément à un identifiant via un marqueur (accent circonflexe + code). Dans la note cible, on appelle ce marqueur avec un point d’exclamation : seule la partie correspondante (par exemple une image précise) s’affiche, sans importer toute la page source.

Quels contrôles de paramètres permettent d’ajuster l’expérience WYSIWYG ?

Les réglages du plugin incluent un toggle pour activer/désactiver le rendu en mode édition (rendre l’édition plus ou moins WYSIWYG), des options pour activer le rendu des **iframes** (vidéos), des PDF et des images, ainsi qu’un rafraîchissement des images après changement. Le tutoriel montre aussi des raccourcis clavier pour activer/désactiver certains rendus et choisir un format d’affichage proche de la prévisualisation.

Review Questions

  1. Quand faut-il utiliser le point d’exclamation pour obtenir un rendu en mode édition, et quel est l’effet exact sur l’affichage (lien vs média) ?
  2. Comment cibler une page précise d’un PDF dans Obsidian avec ce plugin, et pourquoi est-ce utile sur des documents longs ?
  3. Expliquez le principe des “transfusions” : comment créer un marqueur dans la note source et comment l’appeler dans la note cible pour n’afficher qu’un fragment.

Key Points

  1. 1

    Le plugin **Ozan’s Image Editor** rend les médias visibles directement en **mode édition**, réduisant les allers-retours avec la prévisualisation.

  2. 2

    Un **point d’exclamation** devant la référence déclenche l’affichage du contenu (images, PDF, dessins) pendant la rédaction.

  3. 3

    Les vidéos s’intègrent via **iframe** ; le rendu en édition dépend d’un paramètre dédié à l’activation des iframes.

  4. 4

    Les PDF peuvent être affichés à partir d’une page précise (ex. **page 2**), ce qui rend les documents longs plus pratiques à consulter.

  5. 5

    Les paramètres permettent de contrôler finement le WYSIWYG : activer/désactiver le rendu en édition, le rendu des types de fichiers, et le rafraîchissement après modification.

  6. 6

    Les **“transfusions”** permettent d’insérer dans une autre note uniquement un fragment identifié (marqueur), au lieu d’importer toute la page source.

Highlights

Le changement le plus visible : les images apparaissent dans Obsidian pendant la rédaction, pas seulement en prévisualisation.
Les **PDF** peuvent s’afficher à une page ciblée (ex. page 2), ce qui évite de parcourir tout le document.
Les **transfusions** transforment la réutilisation de contenu : une note peut afficher uniquement une image ou un schéma précis provenant d’une autre note.
Le rendu des vidéos dépend de l’activation du rendu des **iframes**, même si le code iframe est déjà collé dans la note.

Topics

  • Obsidian Plugins
  • Ozan’s Image Editor
  • WYSIWYG en Édition
  • Intégration Iframe
  • Transfusions

Mentioned