Repolode
Enviar
ueberdosis

ueberdosis/tiptap

Editor de texto rico headless e independente de framework, baseado no ProseMirror e extensível por meio de uma ampla variedade de extensões.

Alternativa open source a:Notion

Ver no GitHubSite
Estrelas
38,793
Forks
3,171
Issues abertas
909
Último commit
há 8 horas

O que é?

Tiptap é um editor de texto rico headless. Ele não inclui interface de usuário, então os desenvolvedores controlam a aparência e o layout do editor, enquanto o framework cuida do estado do documento, da formatação e do comportamento de edição. É baseado na biblioteca ProseMirror e funciona com Vue, React e JavaScript puro.

As funcionalidades são adicionadas por meio de extensões, com mais de 100 disponíveis para recursos que vão da formatação básica de texto à edição em blocos com arrastar e soltar. Os desenvolvedores também podem definir extensões e tipos de nó personalizados para atender ao próprio modelo de conteúdo.

O projeto faz parte do Tiptap Suite, que combina o editor com o Hocuspocus, um backend de colaboração de código aberto baseado em Yjs. Alguns recursos avançados, como colaboração, comentários e ferramentas de IA, são oferecidos como Pro Extensions e exigem uma assinatura.

Recursos principais

  • 01Design headless, sem interface de usuário integrada, que dá controle total sobre a estilização
  • 02Independente de framework, pode ser usado com Vue, React ou JavaScript puro
  • 03Sistema de extensões com mais de 100 extensões disponíveis
  • 04Extensões e nós personalizados para modelos de conteúdo sob medida
  • 05Baseado no ProseMirror

Casos de uso

  • Adicionar um campo de edição de texto rico a um app web com design personalizado
  • Criar um editor em blocos no estilo do Notion com React ou Vue
  • Criar edição colaborativa de documentos com Hocuspocus e Yjs

Início rápido

  1. 1

    Instale o Tiptap agent skill no seu projeto

    npx skills add ueberdosis/tiptap --skill tiptap
  2. 2

    Siga o guia de instalação da documentação do Tiptap

Antes de usar

  • É um editor headless, portanto não inclui interface de usuário e você precisa criar a sua.
  • Para usar o Pro Extensions, é necessária uma assinatura válida.

Tópicos

#editor#rich-text#wysiwyg#prosemirror#javascript#typescript#react#vue#js#renderless-components

Perguntas frequentes

O que é tiptap?
Editor de texto rico headless e independente de framework, baseado no ProseMirror e extensível por meio de uma ampla variedade de extensões. Tiptap é um editor de texto rico headless. Ele não inclui interface de usuário, então os desenvolvedores controlam a aparência e o layout do editor, enquanto o framework cuida do estado do documento, da formatação e do comportamento de edição. É baseado na biblioteca ProseMirror e funciona com Vue, React e JavaScript puro.
tiptap é gratuito? Qual é a licença?
tiptap é open source sob a licença MIT. Confira os termos da licença antes de usá-lo em produtos comerciais.
tiptap ainda é mantido?
Manutenção ativa. O último commit de tiptap foi em 20 de out. de 2026.
Para que posso usar tiptap?
Adicionar um campo de edição de texto rico a um app web com design personalizado Criar um editor em blocos no estilo do Notion com React ou Vue Criar edição colaborativa de documentos com Hocuspocus e Yjs
Como instalar tiptap?
Instale o Tiptap agent skill no seu projeto: npx skills add ueberdosis/tiptap --skill tiptap Siga o guia de instalação da documentação do Tiptap
Onde consigo tiptap?
O código-fonte e as instruções de instalação estão no GitHub: https://github.com/ueberdosis/tiptap

Resumo gerado por IA a partir do README do projeto. As estatísticas do GitHub são atualizadas diariamente.

Projetos relacionados