Composant principal

Dans la plupart des pages, vous n’avez besoin que de cette ligne :

<NfzNotionMarkdownEditor v-model="markdown" />

Le Markdown reste la valeur principale. L’éditeur peut aussi fournir une version HTML, le document JSON TipTap et le texte brut lorsque vous en avez besoin.

Types utiles

import type {
  NfzNotionMarkdownEditorProps,
  NfzNotionMarkdownEditorExpose,
  NfzEditorSavePayload
} from '@vevedh/nfz-notion-markdown-editor/types'

Appeler une méthode du composant

Utilisez une ref Vue pour accéder aux méthodes exposées, par exemple pour lire le Markdown à la demande :

<script setup lang="ts">
import type { NfzNotionMarkdownEditorExpose } from '@vevedh/nfz-notion-markdown-editor/types'

const editor = ref<NfzNotionMarkdownEditorExpose | null>(null)
const markdown = ref('# Document')

function readMarkdown(): string {
  return editor.value?.getMarkdown() ?? ''
}
</script>

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

Consultez ensuite les pages Props, Événements et Méthodes selon ce que vous voulez personnaliser.