Tiptapify

Editor de texto formatado Tiptap 3 para Vue 3 com uma barra de ferramentas implementada em Vuetify 3

Estado Beta

Este projeto encontra-se atualmente em Beta. Tem todas as funcionalidades previstas, mas ainda pode ter alguns erros por corrigir.

Funcionalidades

Componentes Vuetify 3

Uma bonita barra de ferramentas Material Design construída inteiramente com componentes Vuetify 3

Mais de 30 extensões

Formatação de texto, incorporação de multimédia, tabelas e blocos de código com realce de sintaxe

Comandos de barra

Escreva / para abrir o menu de inserção rápida de títulos, listas, multimédia e mais

Internacionalização

Mais de 20 idiomas suportados através do vue-i18n

Tema escuro

Suporte automático para modo escuro/claro, integrado com o seu tema do Vuetify

TypeScript

Suporte total para TypeScript, com tipos exportados para todos os itens da barra de ferramentas e props

Início rápido

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>

Dependências peer

O Tiptapify requer Vue 3.x, Vuetify 3.x ou 4.x, vue-i18n 11+ e @mdi/js como dependências peer. Consulte o guia de instalação para a configuração completa.

Licença

MIT — Repositório do GitHub