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 novelUso
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.