Executando verificação de segurança...
11
LuizOutlier
1 min de leitura ·

Pitch: Fiz um editor de texto do zero

Atualmente to desenvolvendo uma ferramenta ágil e eu precisava adicionar um editor de texto em uma parte do projeto, como a comunidade do vue e bem menor comparada a do angular e react tive difuldades de encontrar um editor de texto atualizado já pronto, então resolvi criar um do zero usando o tiptap.

Procurei deixar o código o mais simples possivel pra quem quiser usar, veja o projeto funcionando aqui: https://fast-editor.vercel.app

https://github.com/Luizboaventura1/fast-editor
Se puder, da uma ⭐ ai pra ajudar

Carregando publicação patrocinada...
3
eliaseas

É sempre um projeto interessante. Já precisei reescrever um editor para Angular, o https://www.npmjs.com/package/@iget/editor e sei que é um desafio até grande tornar ele bom para uso.

Uma coisa que observei é que ao colocar o cursor sobre o texto aparece uma barra flutuante com ações de estilização. Acho desnecessário a menos que você esteja com o cursor a uma distância visual relativamente grande da toolbar.

Essa mesma barra impede no mobile (Android) que eu consiga selecionar um texto, pois o primeiro toque é "gasto" para ocultar a barra e não para selecionar

1
1
PedroBorges022

Há uns 4 meses estou tentando desenvolver o meu Editor de Texto com o foco no desktop, usando o electron, tentei implementar o TIPTAP só que não esta dando muito certo
Parece que tem muitas incompatibilidades

1
1
mateussiilva

Que dahora, esse é um proejeto muito maneiro para poder botar em pratica sua logica de programação, porem se você quer se desafiar mesmo crie um editor nesse mesmo estilo usando apenas html, css e js(puro). Eu tive um trabalho na faculdade de ADS e precisei fazer um na mão sem nenhuma biblioteca por trás.

1
LuizOutlier
Autor
Autor

Eu ia fazer do zero msm, mas no Javascript só encontrei comando obsoleto e como tava sem tempo fiz com uma lib pra facilitar, mas talvez um dia faço um realmente do zero

1
noda

Cara que maneiro! Eu em uma época atrás estava procurando um componente de editor de texto e todos que encontrei são péssimos. Refleti sobre fazer um, até tinha começado mas o TCC gritou mais alto. Parabens ai pelo trabalho :)

1
fredericoufsj

Projeto bacana, parabéns.
Não sei se era a intensão, mas tenho uma sugestão de alteração. Deixar que o usuário possa alterar o tamanho das letras na mesma linha.
Quando digito um texto em uma linha, não consigo alterar o tamanho das letras de forma separada. Tipo, não consigo deixar a primeira frase em H1 e o restante em H3.

1