Tiptapify

Éditeur de texte enrichi Tiptap 3 pour Vue 3, avec une barre d'outils réalisée en Vuetify 3

Statut bêta

Ce projet est actuellement en bêta. Il est complet sur le plan fonctionnel, mais certains bogues restent à corriger.

Fonctionnalités

Composants Vuetify 3

Une barre d'outils Material Design soignée, entièrement construite avec des composants Vuetify 3

Plus de 30 extensions

Mise en forme du texte, médias intégrés, tableaux, blocs de code avec coloration syntaxique

Commandes slash

Tapez / pour ouvrir le menu d'insertion rapide : titres, listes, médias et plus encore

Internationalisation

Plus de 20 langues prises en charge via vue-i18n

Thème sombre

Mode sombre/clair automatique, intégré à votre thème Vuetify

TypeScript

Prise en charge complète de TypeScript, avec des types exportés pour tous les éléments de la barre d'outils et les props

Démarrage rapide

bash

npm i tiptapify
# or
pnpm i tiptapify

vue

<script setup lang="ts">
const handleEditorReady = (options) => {
  console.log('HTML:', options.getHTML())
  console.log('JSON:', options.getJSON())
}
</script>

<template>
  <Tiptapify
    placeholder="Start writing..."
    @editor-ready="handleEditorReady"
  />
</template>

Dépendances peer

Tiptapify requiert Vue 3.x, Vuetify 3.x ou 4.x, vue-i18n 11+ et @mdi/js comme dépendances peer. Consultez le guide d'installation pour la configuration complète.

Licence

MIT — Dépôt GitHub