Instalando Editor TinyMCE em uma aplicação ReactJS

Jaccon
Oct 25, 2021

--

O TinyMCE é um editor WYSWYG no qual eu utilizo a mais ou menos uns 10 anos. Comecei utilizando o editor como parte da aplicação IndieWorks CMS, que é um Content Managment System escrito em PHP e com uma dashboard elegante que utiliza Bootstrap.

O TinyMCE fazia parte do sucesso deste CMS. Agora depois de 10 anos utilizando o Tiny em dashboard com PHP resolvi integrar o editor em uma aplicação mais moderna com uma dashboard SPA escrita com ReactJS.

Instalando o TinyMCE
A instalação do Tiny é feita via NPM ou se preferir pode utilizar o Yarn assim como eu fiz.

Para começar abra o seu terminal na pasta onde encontra-se o front da sua aplicação.

npm install --save @tinymce/tinymce-react

Veja abaixo um exemplo de implementação.

Exemplo de implementação do componente do editor:

--

--

Jaccon

Tech Lead at Natura&Co, Software Engineer, Technical Writer and Speaker