@ivancmonaco/react-block-editor NPM

React Block Editor

Este componente nos brinda una interfaz para generar rapidamente el html de 
posts , como por ejemplo para un blog.
No esta terminado, esta boostrapeado con semantic-ui-react y react-flexbox-grid,
por lo que utilizarlo con otras librerias de UI puede ser engorroso.

Para usar

Instalarlo : npm i --save @ivancmonaco/react-post-editor'
Importarlo : Import PostEditor from 'react-post-editor'
Incluirlo como<PostEditor />
Props:
- onGetHTML - Funcion de callback que recibe el html al hacer click en el boton obtener html
- onDataChange - Funcion de callback que recibe el html al haber cualquier cambio
Se puede importar PostPreview de la misma manera que PostEditor
- Pasarle el html como props y se renderizara en vista previa

Para desarrollar

Clonar este repositorio
Correr npm install en la carpeta raiz
Correr npm start para levantar el servidor de pruebas de webpack
Happy Coding!

ToDo

Agregar Pruebas ( NECESARIO )
Agregar props que permitan elegir que bloques estaran disponibles
Agregar props que permita pasar un bloque propio para elegir ( definir interfaz)
Generar un css por defecto desacoplado de las librerias semantic-ui y flexbox-grid
Dar la posibilidad de editar el css de los inputs y selectores
Dar la posibilidad de elegir el css de cada bloque al renderizarse el html
Implementar la opcion de subir la imagen a servidor
Implementar una funcion en firebase que permita el html que recibimos como string al pulsar sobre el botono 'Obtener Html', se copie a un .html y lo descarguemos
Emprolijar Codigo