Níveis de Estudo dos Editores HTML em TextAreas

Bom dia. O que eu tenho que estudar em Javascript, pra conseguir manipular textareas como fazem o pessoal do Froala WYSIWYG HTML Editor?

1 curtida

Fiz uma pesquisa e vi que, normalmente, estes editores (incluindo o Froala que vc citou, não se baseia na <textarea>.

Eles usam o atributo contentEditable que pode estar em uma <div> comum e a função execCommand.

Eu fiz um exemplo simples pra demonstrar:

Seu código vai ficar mais complexo conforme as funcionalidades que vc quiser adicionar.

Aqui estão os links que usei pra referência:

Obs.: Algums desses exemplos usam JQuery

Esta é a página para saber mais sobre o execCommand:

3 curtidas

sim, precisa manjar de javascript.

3 curtidas