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:
-
Com Tailwind e Shadcn-UI: Novel é projetado para funcionar bem com o framework de CSS Tailwind e a biblioteca de componentes Shadcn-UI.
-
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 editorEditorContent
: Contém o conteúdo editávelEditorCommand
: Contém os botões de comando do editorEditorCommandItem
: Um único item de comandoEditorBubble
: Contém os botões de formataçãoEditorBubbleItem
: Um único item de formatação
Ao combinar esses componentes, você pode criar um editor de texto poderoso e personalizado para sua aplicação.