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