Novel - Editor WYSIWYG


Novel é uma biblioteca que fornece uma coleção de configurações e componentes personalizados para editor WYSIWYG, facilitando a criação de editores de texto avançados em aplicações web.

Instalação

Para instalar o Novel, basta executar:

$ npm i novel

Uso

O Novel pode ser usado de duas maneiras principais:

  1. Com Tailwind e Shadcn-UI: Novel é projetado para funcionar bem com o framework de CSS Tailwind e a biblioteca de componentes Shadcn-UI.

  2. Com estilos personalizados: Também é possível escrever seus próprios estilos usando os componentes fornecidos pelo Novel.

Sintaxe

O Novel exporta um conjunto de componentes que você pode usar para criar seu próprio editor de texto, similar aos Radix Primitives. Alguns dos principais componentes são:

  • EditorRoot: Envolve todo o editor
  • EditorContent: Contém o conteúdo editável
  • EditorCommand: Contém os botões de comando do editor
  • EditorCommandItem: Um único item de comando
  • EditorBubble: Contém os botões de formatação
  • EditorBubbleItem: Um único item de formatação

Ao combinar esses componentes, você pode criar um editor de texto poderoso e personalizado para sua aplicação.

Referências


Novel Platforms Starter Kit