Issue #1970✓ ResueltoAbierto el 21 de abril de 2019por rodenpReacciones 33

Integración de componentes de React

Respuesta rápidapor rodenp12

Un trabajo fantástico @beepsoft Integrar React correctamente en el núcleo sería un gran paso y podría dar paso al soporte de otros frameworks. Esto elevará el listón para los grapesjs a otro nivel.

Lee la respuesta completa abajo ↓

Pregunta

Primero, qué gran herramienta tienes aquí. Perdón si hago preguntas que ya se han hecho antes. He intentado leer la documentación y buscar publicaciones en Google, pero sigo un poco atascado. Soy como unas pocas personas intentando integrar componentes de React en grapesjs. https://github.com/artf/grapesjs/issues/170 menciona lógica de render personalizada. ¿Cómo implementaría lógica de renderizado personalizada? Y encontré este -> https://www.npmjs.com/package/grapesjs-react que no contiene ningún componente realmente arrastrable que yo pudiera ver. ¿Hay ejemplos que realmente tengan un comp...

Respuestas (3)

👍 Muy útilrodenp11 de noviembre de 2019

Un trabajo fantástico @beepsoft Integrar React correctamente en el núcleo sería un gran paso y podría dar paso al soporte de otros frameworks. Esto elevará el listón para los grapesjs a otro nivel.

artf19 de octubre de 2019

Muy interesante @beepsoft especialmente toda la explicación del proceso¿Podrías, por favor, añadir una API pública para poder proporcionar un analizador HTML personalizado de la misma manera que es posible proporcionar un analizador CSS personalizado? Veré si puedo añadir algo rápido sin demasiadas...

beepsoft18 de octubre de 2019

Hola, He creado aquí una implementación conceptual/ejemplo de integración de un componente de React como bloque/componente GrapesJS: https://github.com/beepsoft/grapesjs-react-component-example Aunque "integrar con React" podría significar muchas cosas, aquí está el caso de uso que intenté resolver...

Preguntas y respuestas relacionadas

Continúa investigando con debates sobre temas similares.

Plugins de pago que cumplen con este problema

Seleccionado por temas clave y relevancia de etiquetas para ayudarte a enviar más rápido.

Ver todos los plugins

Cargando recomendaciones de plugins de pago...

Opción gratuita

Consulta los plugins de código abierto de GrapesJS en GitHub O haz una búsqueda rápida en nuestro catálogo gratuito.

Explora plugins gratuitos →
Opción premium

Los plugins premium incluyen soporte, actualizaciones regulares y funciones listas para producción — ahorrando días de trabajo de integración.

Explora plugins premium →

Explorar categorías de plugins

Ve directamente a las páginas de categorías de plugins en el marketplace.