Skip to content

Props ​

Les props servent à adapter l’éditeur à votre écran et à vos besoins. Commencez avec les valeurs par défaut, puis modifiez uniquement les options nécessaires.

Les 42 props publiques sont regroupées ci-dessous dans une seule table pour faciliter la recherche.

Pour les options qui héritent de la configuration du module, comme enableTables, omettez la prop ou passez undefined pour conserver cet héritage. Passez true ou false pour choisir explicitement sa valeur.

PropTypeDéfautRôle
modelValuestringrequisMarkdown synchronisé par v-model.
placeholderstringÉcrire le contenu…Texte affiché dans un document vide.
readonlybooleanfalseDésactive les actions de modification.
showToolbarbooleantrueAffiche la toolbar principale.
showSaveButtonbooleanfalseAjoute l’action de sauvegarde.
toolbarNfzToolbarItemId[] | falsetoolbar par défautSélectionne les actions visibles.
toolbarLabelsbooleantrueAffiche le texte des boutons.
showStatusBarbooleantrueAffiche l’état du document et les compteurs mots/caractères.
stickyToolbarbooleantrueGarde la toolbar visible pendant le défilement.
contentMaxWidthstring920pxLimite la largeur de la colonne d’écriture.
allowDataImagesbooleantrueAutorise les images data: raster validées.
allowedIframeHostsstring[][]Ajoute des hôtes HTTPS exacts à l’allowlist iframe.
enableSlashMenubooleantrueActive le menu /.
enableDragHandlebooleantrueActive la poignée de déplacement des blocs.
enableBubbleToolbarbooleantrueActive la toolbar de sélection.
enableCodeBlockToolsbooleantrueAffiche le langage et l’action de copie sur les blocs de code.
enableMarkdownClipboardbooleantruePréserve le Markdown lors des copier/coller structurés.
enableTablesbooleanconfiguration du module, sinon trueActive les extensions tableau.
enableTableToolbarbooleantrueActive la toolbar contextuelle des tableaux.
enableMediabooleanconfiguration du module, sinon trueActive les fonctions image et vidéo.
enableImageResizebooleantruePermet de redimensionner les images.
enableImageToolbarbooleantrueAffiche la toolbar d’image.
enableImageCaptionbooleantruePermet d’ajouter une légende sous une image.
enableFilerobotImageEditorbooleanconfiguration du module, sinon trueActive Filerobot en chargement différé.
suppressFilerobotDevWarningsbooleantrueMasque uniquement les avertissements Filerobot connus en développement.
enableVideoToolbarbooleantrueAffiche la toolbar vidéo.
enableUmlbooleanconfiguration du module, sinon trueActive les diagrammes Mermaid.
mermaidThemeNfzMermaidThemedefaultChoisit le thème Mermaid.
enableBlockquoteToolbarbooleantrueAffiche la toolbar des citations.
enableSourceModebooleanconfiguration du module, sinon trueActive l’éditeur source Monaco.
enableMarkdownPreviewbooleanfalseOuvre la preview au chargement.
enableMarkdownPreviewFeaturebooleanconfiguration du module, sinon trueActive ou retire la fonction preview.
enableDocumentImportbooleanconfiguration du module, sinon trueActive l’import DOCX/PDF.
enableDocumentExportbooleanconfiguration du module, sinon trueActive l’export document.
documentExportFormatsNfzDocumentExportFormat[]tous les formatsLimite les formats proposés.
documentImportAdapterNfzDocumentImportAdapter—Remplace le moteur d’import intégré.
documentExportAdapterNfzDocumentExportAdapter—Remplace le moteur d’export intégré.
slashCommandsNfzSlashCommandItem[]commandes nativesAjoute ou remplace des commandes.
slashCommandsMode'append' | 'replace'appendDétermine si les commandes sont ajoutées ou remplacées.
minHeightstring360pxHauteur minimale du composant.
theme'default' | 'quasar' | 'minimal'defaultChoisit le thème visuel.
uploadImageNfzEditorImageUpload—Fonction d’upload d’image injectée par l’application.

NFZ Notion Markdown Editor