NFZ Notion Markdown Editor

Appearance

NFZ Notion Markdown EditorÉcrire du Markdown sans quitter le confort d’un éditeur visuel

Un éditeur pour Nuxt 4 qui garde le Markdown au centre : vous écrivez visuellement, vous conservez une source propre et vous pouvez vérifier le rendu VitePress à tout moment.

Commencer simplement
Voir l’éditeur en images
Logo NFZ Notion Markdown Editor

Le Markdown reste votre source

Le contenu est synchronisé avec un simple v-model. Vous pouvez passer de l’édition visuelle à la source sans changer de format de stockage.

Pensé pour écrire au quotidien

Titres, listes, tableaux, code, images, vidéos, diagrammes, menu / et actions de bloc sont directement accessibles dans l’éditeur.

Compatible avec VitePress

Les syntaxes VitePress avancées sont conservées lorsqu’elles ne peuvent pas être modifiées visuellement sans risque de perte.

Facile à intégrer dans Nuxt 4

Utilisez le module Nuxt, le Layer ou un profil léger selon les besoins de votre application.

Commencer simplement ​

Si vous avez déjà une application Nuxt 4, le chemin le plus court est d’installer le module puis d’utiliser le composant avec un v-model Markdown.

vue
<script setup lang="ts">
const markdown = ref('# Bonjour')
</script>

<template>
  <NfzNotionMarkdownEditor v-model="markdown" />
</template>

Vous pouvez ensuite enrichir l’éditeur progressivement : barre d’outils personnalisée, upload d’images, aperçu Markdown, import/export ou mode source.

Vue générale annotée de NFZ Notion Markdown Editor
L’éditeur réunit la barre d’outils, la zone d’écriture et les commandes de bloc dans une seule interface.

Besoin de plus de contrôle ? ​

La documentation est organisée par usage :

La version actuelle expose 42 props, 14 événements, 13 méthodes et 35 actions de barre d’outils.

NFZ Notion Markdown Editor

MIT