Editor.js um WYSWYG orientado a blocos

Editor.js um WYSWYG orientado a blocos

  • Post author:
  • Post category:Geral

Fala galera, nos últimos dias eu estava pesquisando a respeito de editores WYSWYG para uma nova aplicação em ReactJS que estou criando e encontrei o Editor.JS

É um editor baseado em blocos bem parecido com o Gutemberg do WordPress. Algumas funcionalidades bem legais que existem no Gutemberg como o Copy/Paste de links de vídeos que são automáticamente embedados também funciona no Editor.JS

O que também me chamou a atenção é que o código gerado por ele é bem clean diferente do editores que eu mesmo utilizo atualmente como o TinyMCE.

<section name="0ed1" class="section section--body section--first">
   <div class="section-divider">
      <hr class="section-divider">
   </div>
   <div class="section-content">
      <div class="section-inner sectionLayout--insetColumn">
         <h3 name="f8e8" class="graf graf--h3 graf--leading graf--title">
            <br>
         </h3>
         <p name="982b" class="graf graf--p graf-after--h3">
            The example of text that was written in <strong class="markup--strong markup--p-strong">one of popula</strong>r text editors.
         </p>
         <h3 name="c2ad" class="graf graf--h3 graf-after--p">
            With the header of course
         </h3>
         <p name="83d3" class="graf graf--p graf-after--h3">
            So what do we have?
         </p>
      </div>
   </div>
</section>
<section name="d1d2" class="section section--body">
  ...
</section>

Quer saber como instalar o Editor.JS ? então assine meu canal no Youtube e ative as notificações para receber com exclusividade o screencast.

https://www.youtube.com/channel/UCLI_395Gs87LU0cdWWrfvVg

Site do Projeto
https://editorjs.io/

Source Code e Documentação
https://github.com/codex-team/editor.js