Aperçu en direct

Le volet de droite est le document rendu en HTML stylisé, mis à jour en direct pendant que vous tapez. Les liens fonctionnent, les tableaux s'alignent, le code est affiché dans un bloc monospace, les listes de tâches obtiennent des cases à cocher, et chaque bloc d'extension de rendu (voir ci-dessous) dessine sa figure en place. L'aperçu est une image fidèle de ce à quoi ressemblera une exportation HTML ou PDF.

Si un document Markdown s'ouvre avec un bloc de métadonnées YAML — la section --- key: value --- que des outils comme Jekyll, Hugo et Obsidian placent tout en haut — Markzen le rend sous forme de carte de métadonnées soignée au-dessus du document, au lieu de laisser le --- de fermeture se transformer en un titre égaré.

Modes de mise en page

Un groupe de trois boutons de barre d'outils définit ce que la fenêtre affiche :

• Vue partagée — l'éditeur et l'aperçu côte à côte. Faites glisser le séparateur pour modifier l'espace alloué à chacun.
• Afficher l'éditeur — l'éditeur seul, remplissant la fenêtre pour une écriture sans distraction.
• Afficher l'aperçu — l'aperçu seul, un lecteur propre pleine largeur.

Table des matières

Le bouton Table des matières ouvre un panneau construit automatiquement à partir de chaque titre du document (#, ##, ###, …). Cliquez sur n'importe quelle entrée pour faire défiler l'aperçu jusqu'à cette section. Tout titre avec des sous-titres en dessous affiche un chevron : cliquez dessus pour Réduire cette section et masquer ses titres imbriqués, ou Développer pour les faire réapparaître — vous pouvez ainsi réduire un long plan aux seules parties sur lesquelles vous travaillez. Les petits boutons 2 / 3 / 4 dans l'en-tête du panneau limitent le plan à cette profondeur de titre — utile dans un long document lorsque vous ne voulez voir que les niveaux supérieurs — et cliquer à nouveau sur le bouton actif ramène tous les niveaux. Le panneau se redimensionne en faisant glisser son bord gauche et se réduit pour libérer de l'espace de lecture. C'est une aide à la navigation uniquement à l'intérieur de l'application — elle n'apparaît jamais dans une exportation.