Entrar Ainda não tem acesso?
2
respostas

Texto Formatado

Referente ao curso JavaScript: manipulando elementos no DOM

por Ricardo Otomar Maria da Silva
| 100.1k xp | 18 posts

Prezados

Estou fazendo os cursos da Alura focado no Java Script e PHP e desenvolvendo um projeto para aplicação dos conhecimentos. Tenho conseguido avançar gradativamente e os cursos tem me ajudado muito em meu projeto.

Meu projeto é um site que os usuários podem postar artigos sobre determinados assuntos.

Estou salvando o conteúdo dos artigos em um banco de dados mysql.

Gostaria de verificar se podem me indicar o caminho mais usual para eu desenvolver um editor para estes artigos.

Atualmente estou usando um form em html com um textarea onde o usuário digita o texto e eu salvo no banco de dados.

Queria saber qual o melhor caminho e qual ferramenta para salvar este texto com formatações, como parágrafos, espaços, quebras de linhas e demais formatações.

Andei pesquisando alguma coisa e vi várias dicas sobre integrar algum tipo de ferramenta no projeto para usar um editor de texto para formatação integrando com Java Script, um dos exemplos o Fraola.

Se puderem me auxiliar informando o que normalmente se usa ficarei muito grato pois como não trabalho na área de tecnologia me dificulta as vezes saber o que é mais atual e usual como prática.

Fico muito grato pelo auxílio.

2 respostas
por Estudante
| 568.5k xp | 1338 posts

Oi Ricardo.

A implementação de um editor de texto rico para permitir a formatação de artigos é uma excelente ideia. Vou te fornecer algumas opções comuns para isso.

  1. TinyMCE: O TinyMCE é um dos editores de texto rico mais populares. Ele é fácil de integrar em projetos web e fornece uma interface amigável para formatação de texto. Você pode personalizá-lo conforme suas necessidades e é amplamente usado na indústria.

    Site: https://www.tiny.cloud/

  2. CKEditor: O CKEditor é outro editor de texto rico amplamente utilizado. Ele oferece uma série de recursos avançados, como controle de versão e colaboração em tempo real, se você precisar dessas funcionalidades.

    Site: https://ckeditor.com/

  3. Quill: Quill é uma opção mais moderna, construída em JavaScript, e é altamente customizável. Ele é uma escolha popular para projetos mais recentes e oferece uma API bem documentada.

    Site: https://quilljs.com/

  4. Draft.js: Desenvolvido pelo Facebook, o Draft.js é uma biblioteca de editor de texto rica que oferece controle granular sobre o conteúdo e a formatação. É uma ótima opção se você quiser personalizar todos os aspectos do editor.

    GitHub: https://github.com/facebook/draft-js

Essas ferramentas são comumente usadas e bem documentadas, o que facilita a integração com seus projetos em JavaScript e PHP. A escolha entre elas dependerá de suas necessidades específicas, da facilidade de uso e do nível de personalização que você deseja para o editor de texto em seu site.

Você também precisará salvar o conteúdo formatado pelo editor no banco de dados. Normalmente, o conteúdo gerado por esses editores pode ser convertido em HTML, que é então armazenado no banco de dados. Quando você recupera o conteúdo do banco de dados, pode renderizar na página usando HTML.

Valeu!

por Ricardo Otomar Maria da Silva
| 100.1k xp | 18 posts

Olá!!!

Muito grato pela dica, assim fico mais direcionado para estudar ferramentas atuais e de aplicação no mercado.

Farei um estudo para ver qual que mais se adequa a minha necessidade.

Muito obrigado.