Repolode
Enviar
facebook

facebook/lexical

Um framework extensível de edição de texto da Meta, com núcleo independente de frameworks e bindings oficiais para React.

Ver no GitHubSite
Estrelas
23,972
Forks
2,257
Issues abertas
359
Último commit
há 6 horas

O que é?

Lexical é um framework de edição de texto para criar experiências de edição personalizadas em aplicações web. Seu núcleo é independente de qualquer framework de UI, e o projeto oferece bindings oficiais para React, além de uma arquitetura baseada em plugins para adicionar comportamentos e tipos de nós personalizados.

O editor mantém o estado em um modelo imutável, que oferece suporte a desfazer e refazer integrados. Também permite importar e exportar para JSON, Markdown e HTML, e inclui suporte a tabelas, listas, blocos de código, imagens e nós personalizados. A edição colaborativa em tempo real está disponível por meio da integração com Yjs.

Lexical é compatível com Chrome 86+, Firefox 115+, Safari 15+ e Edge 86+, e é escrito em TypeScript, com definições de tipos incluídas. O repositório também contém um app de playground e exemplos de editores de texto simples e rich text.

Recursos principais

  • 01Núcleo independente de frameworks, com bindings oficiais para React
  • 02Modelo de estado imutável com desfazer e refazer integrados
  • 03Arquitetura baseada em plugins com pontos de extensão
  • 04Importação e exportação para JSON, Markdown e HTML
  • 05Colaboração em tempo real por meio da integração com Yjs
  • 06Escrito em TypeScript, com definições de tipos

Casos de uso

  • Adicionar um editor de rich text a uma aplicação React
  • Criar um editor personalizado com tipos de nós próprios
  • Habilitar a edição colaborativa em tempo real em uma aplicação web
  • Converter o conteúdo do editor entre HTML, Markdown e JSON

Início rápido

  1. 1

    Instale o Lexical com os bindings do React

    npm install lexical @lexical/react
  2. 2

    Crie um editor com LexicalComposer e um plugin content editable, como mostrado no exemplo de React do README

Antes de usar

  • O suporte a navegadores é limitado a versões recentes, como Chrome 86+, Firefox 115+ e Safari 15+.

Tópicos

#text-editor#rich-text#react#typescript#collaboration#editor-framework#wysiwyg

Perguntas frequentes

O que é lexical?
Um framework extensível de edição de texto da Meta, com núcleo independente de frameworks e bindings oficiais para React. Lexical é um framework de edição de texto para criar experiências de edição personalizadas em aplicações web. Seu núcleo é independente de qualquer framework de UI, e o projeto oferece bindings oficiais para React, além de uma arquitetura baseada em plugins para adicionar comportamentos e tipos de nós personalizados.
lexical é gratuito? Qual é a licença?
lexical é open source sob a licença MIT. Confira os termos da licença antes de usá-lo em produtos comerciais.
lexical ainda é mantido?
Manutenção ativa. O último commit de lexical foi em 21 de out. de 2026.
Para que posso usar lexical?
Adicionar um editor de rich text a uma aplicação React Criar um editor personalizado com tipos de nós próprios Habilitar a edição colaborativa em tempo real em uma aplicação web Converter o conteúdo do editor entre HTML, Markdown e JSON
Como instalar lexical?
Instale o Lexical com os bindings do React: npm install lexical @lexical/react Crie um editor com LexicalComposer e um plugin content editable, como mostrado no exemplo de React do README
Onde consigo lexical?
O código-fonte e as instruções de instalação estão no GitHub: https://github.com/facebook/lexical

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

Projetos relacionados