Repolode
Enviar
codex-team

codex-team/editor.js

Editor de texto em blocos para a web que salva o conteúdo como JSON limpo, em vez de HTML, e pode ser estendido com plugins de ferramentas.

Alternativa open source a:Notion

Ver no GitHubSite
Estrelas
31,970
Forks
2,244
Issues abertas
711
Último commit
há 5 horas

O que é?

O Editor.js é um editor de código aberto baseado em blocos para a web. O conteúdo é composto por blocos como texto, títulos, imagens, listas, citações e código, e cada tipo de bloco é fornecido por um plugin de ferramenta separado.

Em vez de gerar marcação HTML, o editor produz JSON estruturado. Esses dados podem ser sanitizados, armazenados e renderizados em qualquer plataforma, incluindo web, iOS, Android e outros clientes, o que o torna adequado para pipelines de conteúdo que precisam de um formato de dados previsível. A chamada a editor.save() retorna uma promise com o conteúdo atual.

O projeto é distribuído no npm como @editorjs/editorjs e escrito em TypeScript. Um conjunto de ferramentas oficiais oferece títulos, citações, imagens, checklists, tabelas, embeds e muito mais; uma lista awesome reúne ferramentas de terceiros.

Recursos principais

  • 01Gera dados JSON limpos em vez de marcação HTML
  • 02Interface em blocos para adicionar e reorganizar conteúdo
  • 03Cada tipo de bloco é fornecido por um plugin de ferramenta separado
  • 04Ferramentas oficiais para títulos, imagens, tabelas, checklists e embeds
  • 05API simples com editor.save() para obter o conteúdo

Casos de uso

  • Criar um editor de conteúdo avançado cujo resultado seja armazenado e renderizado em várias plataformas
  • Adicionar um editor estruturado de artigos ou blogs a uma aplicação web
  • Criar um editor personalizado escrevendo suas próprias ferramentas de bloco

Início rápido

  1. 1

    Instale o Editor.js com npm

    npm i @editorjs/editorjs
  2. 2

    Instale as ferramentas necessárias da lista no README

  3. 3

    Adicione à página uma div de contêiner com o id editorjs

  4. 4

    Importe o EditorJS e crie uma instância com as ferramentas que você vai usar

Antes de usar

  • Cada tipo de bloco precisa de um plugin de ferramenta separado, então você precisa instalar e configurar as ferramentas que quiser usar.
  • Para salvar o conteúdo, é necessário chamar editor.save() e tratar a Promise retornada.

Tópicos

#wysiwyg#json#text-editor#typescript#block-editor#rich-text#codex-editor#editor#javascript#redactor

Perguntas frequentes

O que é editor.js?
Editor de texto em blocos para a web que salva o conteúdo como JSON limpo, em vez de HTML, e pode ser estendido com plugins de ferramentas. O Editor.js é um editor de código aberto baseado em blocos para a web. O conteúdo é composto por blocos como texto, títulos, imagens, listas, citações e código, e cada tipo de bloco é fornecido por um plugin de ferramenta separado.
editor.js é gratuito? Qual é a licença?
editor.js é open source sob a licença Apache-2.0. Confira os termos da licença antes de usá-lo em produtos comerciais.
editor.js ainda é mantido?
Manutenção ativa. O último commit de editor.js foi em 21 de out. de 2026.
Para que posso usar editor.js?
Criar um editor de conteúdo avançado cujo resultado seja armazenado e renderizado em várias plataformas Adicionar um editor estruturado de artigos ou blogs a uma aplicação web Criar um editor personalizado escrevendo suas próprias ferramentas de bloco
Como instalar editor.js?
Instale o Editor.js com npm: npm i @editorjs/editorjs Instale as ferramentas necessárias da lista no README Adicione à página uma div de contêiner com o id editorjs Importe o EditorJS e crie uma instância com as ferramentas que você vai usar
Onde consigo editor.js?
O código-fonte e as instruções de instalação estão no GitHub: https://github.com/codex-team/editor.js

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

Projetos relacionados