Níveis de Estudo dos Editores HTML em TextAreas

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:

• https://dev.to/saigowthamr/how-to-make-your-own-html-editor-52ac
• https://codepen.io/Shokeen/pen/QyvPMw?editors=1010
• https://codepen.io/nDav/pen/rOOwxG

Obs.: Algums desses exemplos usam JQuery

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

sim, precisa manjar de javascript.

• exemplo simples de editor WYSIWYG
• código fonte do exemplo acima