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