Alguns dias atrás foi divulgada a notícia de que o Facebook abriu o código-fonte da biblioteca Lexical JavaScript, que fornece componentes para a criação de formulários da web de edição de texto avançada e editores de texto para sites e aplicativos da web.
Em essência, Lexical é um motor de edição de texto, uma plataforma para criar editores da Web ricos em recursos. Ao mesmo tempo, acreditamos que os usuários não devem ter que reescrever a mesma funcionalidade de rich text repetidamente a cada implementação. Lexical expõe um conjunto de pacotes modulares individuais que podem ser usados para adicionar recursos comuns como listas, links e tabelas.
As qualidades distintivas da biblioteca são a facilidade de integração em sites, design compacto, modularidade e suporte para ferramentas para pessoas com deficiência, como leitores de tela.
Lexical é uma estrutura de editor de texto da Web JavaScript extensível com ênfase em confiabilidade, acessibilidade e desempenho. A Lexical visa fornecer a melhor experiência de desenvolvedor da categoria, para que você possa criar protótipos facilmente e criar recursos com confiança. Combinado com uma arquitetura altamente extensível, o Lexical permite que os desenvolvedores criem experiências únicas de edição de texto que escalam em tamanho e funcionalidade.
Sobre a Lexical
A biblioteca é projetado para ser fácil de conectar e não depende de frameworks web externos, mas fornece ligações prontas para uso para fácil integração com o framework React.
Para usar o Lexical, basta vincular uma instância do editor ao elemento que está sendo editado, após o qual, durante o processo de edição, você pode controlar o estado do editor por meio de comandos e processamento de eventos. A biblioteca permite ao usuário acompanhar os estados do editor a qualquer momento e refletir as mudanças no DOM com base no cálculo das diferenças entre os estados.
Você pode criar formulários para inserir texto simples sem marcação, bem como criar interfaces para edição visual de documentos que se assemelham a processadores de texto e fornecem recursos como inserção de tabelas, imagens e listas, manipulação de fontes e controle de alinhamento de texto.
O desenvolvedor tem a capacidade de substituir o comportamento do editor ou conecte controladores para implementar funcionalidades atípicas.
Das recursos que se destacam do Lexical, são mencionados:
- Lexical é composto de instâncias de editor que são anexadas a um único elemento editável de conteúdo. Um conjunto de estados do editor representa os estados atuais e pendentes do editor em um determinado momento.
- Lexical é projetado para todos. Ele segue as melhores práticas estabelecidas nas WCAG e é compatível com leitores de tela e outras tecnologias assistivas.
- Lexical é mínimo. Ele não aborda diretamente componentes da interface do usuário, barras de ferramentas ou recursos de rich text e remarcações. A lógica para essas funções pode ser incluída através de uma interface de plugin
A estrutura básica da biblioteca contém o conjunto mínimo necessário de componentes, cuja funcionalidade é estendida através da conexão de plugins. Por exemplo, por meio de plugins, você pode conectar elementos de interface adicionais, painéis, ferramentas para edição visual no modo WYSIWYG, suporte para o formato Markdown ou componentes para trabalhar com determinados tipos de conteúdo, como listas e tabelas.
Na forma de plugins, recursos como entrada de preenchimento automático, limitar o tamanho máximo dos dados de entrada, abrir e salvar arquivos, anexar notas/comentários, entrada de voz, etc. também estão disponíveis.
Finalmente, vale a pena mencionar que atualmente Lexical está atualmente em desenvolvimento cedo e as APIs e pacotes provavelmente mudarão com bastante frequência. O código é escrito em JavaScript e distribuído sob a licença MIT.
Várias demonstrações foram preparadas interativo para conhecer as possibilidades da biblioteca e você pode consultar uma delass no link a seguir.
Se você quiser saber mais sobre isso, pode consultar o detalhes no link a seguir.