editor.js

editorjs.io | documentação | registro de alterações

Sobre

Editor.js é um editor de texto de código aberto que oferece uma variedade de recursos para ajudar os usuários a criar e formatar conteúdo com eficiência. Possui uma interface moderna em estilo de bloco que permite aos usuários adicionar e organizar facilmente diferentes tipos de conteúdo, como texto, imagens, listas, citações, etc. Cada bloco é fornecido por meio de um plugin separado, tornando o Editor.js extremamente flexível.

Editor.js gera dados JSON limpos em vez de marcação HTML pesada. Use-o na Web, iOS, Android, AMP, Instant Articles, leitores de fala, chatbots de IA — em qualquer lugar. Fácil de higienizar, ampliar e integrar com sua lógica.

• ? UI moderna pronta para uso
• ? Limpe a saída JSON
• API bem projetada
• ? Várias ferramentas disponíveis
• ? Gratuito e de código aberto

Instalação

É bem simples:

1. Instale Editor.js
2. Instale as ferramentas que você precisa
3. Inicializar instância do Editor

Instale usando NPM, Yarn ou CDN:

npm i @editorjs/editorjs

Escolha e instale ferramentas:

• Cabeçalho
• Citar
• Imagem
• Imagem Simples (sem necessidade de back-end)
• Lista aninhada
• Lista de verificação
• Incorporação de link
• Incorporações (YouTube, Twitch, Vimeo, Gfycat, Instagram, Twitter, etc)
• Mesa
• Delimitador
• Aviso
• Código
• HTML bruto
• Anexa
• Marcador
• Código embutido

Veja o? Lista incrível do Editor.js para mais ferramentas.

Inicialize o Editor:

 < div id =" editorjs " > </ div > 

 import EditorJS from '@editorjs/editorjs'

const editor = new EditorJS ( {
  tools : {
   // ... your tools
  }
} )

Veja detalhes sobre Instalação e Configuração na documentação.

Salvando dados

Chame editor.save() e manipule Promise retornada com dados salvos.

 const data = await editor . save ( )

Exemplo

Dê uma olhada em example.html para ver exemplos mais detalhados.

Roteiro

• Barras de ferramentas unificadas
  • Block Tunes movido para a esquerda
  • A caixa de ferramentas fica vertical
  • Capacidade de exibir vários botões da caixa de ferramentas por uma única ferramenta
  • Block Tunes torna-se vertical
  • Block Tunes suporta menus aninhados
  • Block Tunes suporta separadores
  • Menu de conversão adicionado ao Block Tunes
  • A barra de ferramentas unificada oferece suporte a dicas
  • A barra de ferramentas de conversão usa a barra de ferramentas unificada
  • A barra de ferramentas embutida usa a barra de ferramentas unificada
• Edição colaborativa
  • Implementar o formato JSON de ferramentas inline
  • Observador de Operações, Executor, Gerente, Transformador
  • Implementar o Gerenciador de Desfazer/Refazer
  • Implementar alterações na API de ferramentas
  • Implementar servidor e comunicação
  • Atualizar ferramentas básicas para se adequarem à nova API
• Outros recursos
  • Blocos arrastar e soltar
  • Nova seleção de blocos cruzados
  • Novo movimento de intercalação de bloco cruzado
• Melhorias no ecossistema
  • Ícones CodeX — a maneira de unificar todas as ferramentas e ícones principais
  • Nova página inicial e documentos
  • @editorjs/create-tool para inicialização de ferramentas
  • Editor.js DevTools – significa desenvolvimento de núcleo e ferramentas
  • Sistema de Design Editor.js
  • Ambiente predefinido do Editor.js
  • Kit de ferramentas Editor.js
  • Novo sistema de pacote principal
  • Nova documentação e guias

Gosta do Editor.js?

Você pode apoiar a melhoria do projeto e o desenvolvimento de novos recursos com uma doação para nossa equipe.

Doe via OpenCollective
Doe via criptografia
Doe através do Patreon

Por que doar

As doações para produtos de código aberto trazem diversas vantagens para o seu negócio:

• Se o seu negócio depende do Editor.js, você provavelmente desejará que ele seja mantido
• Ajuda o Editor.js a evoluir e obter os novos recursos
• Podemos apoiar os contribuidores e a comunidade em torno do projeto. Você receberá documentos, guias, etc. bem organizados.
• Precisamos pagar pela nossa infraestrutura e manter os recursos públicos (nomes de domínio, páginas iniciais, documentos, etc.). Apoiá-lo garante que você acesse quaisquer recursos no momento em que precisar deles.
• Você pode anunciar adicionando ativos de sua marca e menções em nossos recursos públicos

Patrocinadores

Apoie-nos tornando-se um patrocinador. Seu logotipo aparecerá aqui com um link para seu site.

Torne-se um patrocinador

Apoiadores

Obrigado a todos os nossos apoiadores

Torne-se um apoiador

Colaboradores

Este projeto existe graças a todas as pessoas que contribuem.

Precisa de algo especial?

Contrate especialistas da CodeX para resolver desafios técnicos e atender aos requisitos do seu produto.

• Resolva um problema de alto valor para você
• Implemente um novo recurso exigido pelo seu negócio
• Ajuda com integração ou desenvolvimento de ferramentas
• Forneça qualquer consulta

Contate-nos via [email protected] e compartilhe seus dados

Comunidade

• Ferramentas Oficiais
• Editor incrível.js
• Boas primeiras tarefas
• Contribuindo
• Bate-papo por telegrama

Sobre CodeX

CodeX é uma equipe de especialistas digitais em todo o mundo interessados ​​em construir produtos de código aberto de alta qualidade em um mercado global. Estamos abertos a jovens que queiram melhorar constantemente as suas competências e crescer profissionalmente com experiências em tecnologias de ponta.

	Juntar	Twitter	Instagram
codex.so	codex.so/join	@codex_team	@codex_team