KuroEditor: um editor WYSIWYG sem dependências
Zero bibliotecas JS externas. Um editor WYSIWYG incorporável que funciona só de carregar um único arquivo, kuro-editor.js.
O KuroEditor é um editor WYSIWYG incorporável feito só com Vanilla JS e Tailwind CSS. Não precisa de React, Vue nem jQuery: basta uma linha <script> e um <div> onde montá-lo. A aparência durante a edição e na página publicada vem do mesmo CSS, então tudo aparece exatamente como você escreveu. Também é o editor de artigos do KuroCMS.
Recursos#
- Títulos H1 a H4, citações, caixas de destaque (4 cores), listas, cor do texto, tamanho da fonte, entrelinha, alinhamento, blocos de código (com números de linha e cópia)
- Tabelas com mesclagem e divisão de células, bordas individuais e largura de coluna ajustável arrastando
- Inserção de imagens, vídeo, áudio e YouTube / Vimeo, com arrastar e soltar ou colar
- Links estilo wiki com
[[slug]]e cartões de URL - Até 200 passos de desfazer / refazer, sem falhas ao confirmar a conversão da digitação em japonês
- Três modos (edição, leitura e código HTML), sumário gerado automaticamente a partir dos títulos, salvamento automático
- Modo claro / escuro para a tela de edição
Licença#
Kuro License (a licença MIT com uma obrigação de aviso adicional). Se usar em telas voltadas para usuários finais, exiba «Editor: Kuro.Boo» com um link para https://kuro.boo/, por exemplo no rodapé ou nos créditos.
