Fonctions de l’éditeur

Ce que vous pouvez faire

NFZ Notion Markdown Editor couvre à la fois l’écriture courante et les documents plus structurés. Vous pouvez activer uniquement ce qui est utile à votre application.

Écrire et mettre en forme

Vous disposez des titres, du gras, de l’italique, du barré, du code en ligne, des liens et des alignements. Les listes à puces, numérotées et les listes de tâches sont également prises en charge.

Pour travailler plus vite, utilisez la commande / dans l’éditeur : un menu propose les principaux blocs à insérer. La sélection de texte peut aussi afficher une petite barre d’outils contextuelle. La barre d’état indique la synchronisation et les compteurs du document, tandis que Ctrl+S (ou ⌘S) peut déclencher la sauvegarde.

Organiser les blocs

Chaque bloc de premier niveau peut afficher un petit rail au survol. Il permet d’ajouter un nouveau bloc, de déplacer le bloc courant ou d’ouvrir le menu ….

Le menu de bloc permet de monter, descendre, dupliquer ou supprimer un élément sans devoir utiliser le glisser-déposer.

Créer des contenus techniques

Les blocs de code conservent leur langage Markdown et proposent une action de copie. Les tableaux disposent d’outils contextuels pour ajouter ou retirer des lignes et des colonnes. Les diagrammes Mermaid peuvent être insérés puis prévisualisés.

Ajouter des médias

Les images peuvent être insérées, redimensionnées, alignées et accompagnées d’une légende. Une fonction uploadImage permet de brancher votre propre stockage sans exposer les secrets du serveur au navigateur.

Les vidéos et iframes utilisent des règles d’URL restrictives. Pour les iframes personnalisées, vous choisissez explicitement les hôtes HTTPS autorisés.

Passer du visuel au Markdown

Le mode source ouvre le Markdown brut pour les cas où l’édition visuelle n’est pas adaptée. L’aperçu permet de vérifier le rendu du document sans quitter l’éditeur.

Le v-model fonctionne dans les deux sens : si le composant parent remplace le Markdown, l’éditeur se met à jour ; si l’utilisateur modifie le document, le parent reçoit la nouvelle valeur.

Importer et exporter

L’éditeur peut importer des fichiers DOCX et PDF. Il peut exporter le document en Markdown, HTML, JSON, DOCX ou PDF. Des adapters permettent de remplacer ces traitements lorsque votre application doit les confier à un service serveur.

Utiliser VitePress sans perdre la source

Le Markdown classique reste éditable visuellement. Les syntaxes VitePress trop spécifiques pour être représentées fidèlement sont conservées telles quelles et restent modifiables en mode source.

Consultez Markdown et VitePress pour voir les syntaxes concernées.

Adapter le niveau de fonctionnalités

Le module Nuxt permet d’activer ou de désactiver les grandes familles de fonctions : tableaux, médias, Mermaid, Filerobot, import/export, aperçu Markdown et mode source. C’est utile pour proposer un éditeur plus léger lorsqu’une application n’a besoin que de l’écriture de base.

Pour aller plus loin

La surface publique actuelle comprend 42 props, 14 événements, 13 méthodes et 35 actions de barre d’outils. Utilisez les pages Props, Événements, Méthodes et Toolbar lorsque vous avez besoin d’un réglage précis.

Le tutoriel visuel montre également les gestes principaux dans l’interface réelle.