Componente de tipo personalizado en entorno de producción
'onRender' simplemente especifica qué debe ocurrir cuando colocas con éxito un componente en el lienzo, mientras que 'script' es código que se generará en tu html dentro de las etiquetas 'script'. Algo así como: '''html <script> //... var items = document.querySelectorAll('#someid'); para (var i = 0; len = items.lengt...
Lee la respuesta completa abajo ↓Pregunta
Hola, tengo una pregunta: cuando creo un componente de tipo personalizado desde el editor, ¿cuál sería el siguiente paso para mostrar ese componente en mi aplicación? Actualmente estoy guardando los datos de los componentes en Firebase con el plugin firestore y los atributos almacenados en el objeto son los siguientes: gjs-assets, gjs-components, gjs-css, gjs-html y gjs.styles.
¿Qué seguiría si quiero usar estos componentes en mi entorno de producción? ¿Debería usar un framework o biblioteca de JavaScript? O quizá el mismo editor de uvas sin la posibilidad de editar, gracias.
Respuestas (3)
'onRender' simplemente especifica qué debe ocurrir cuando colocas con éxito un componente en el lienzo, mientras que 'script' es código que se generará en tu html dentro de las etiquetas 'script'. Algo así como: '''html <script> //... var items = document.querySelectorAll('#someid'); para (var i =...
Creo que en un entorno de producción solo necesitas el código html y css generado por 'grapesjs'.
Entiendo esa parte, pero si quiero renderizar el componente que he creado no funciona. Lo explicaré un poco, he creado un tipo de componente que renderiza datos desde un endpoint, pero si uso código html y css no funciona. Tipo de componente personalizado 'editor. DomComponents.addType('group', { m...
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #3337
Pregunta: Usa las flechas para mover bloques en el lienzo configurado en modo de posicionamiento absoluto
Hola, estoy creando una solución para que los estudiantes cuenten sus experiencias en el instituto como diapositivas hechas desde el editor...
Issue #3044
El nuevo botón de barra de herramientas solo funciona para componentes añadidos nuevos y no para los existentes
Hola a todos, ¿alguien puede explicarme por qué cuando creo un nuevo botón personalizado en la barra de herramientas, este botón solo apare...
Issue #1652
En React, ¿cómo se puede dar un camino local de CSS para el editor de grapesjs?
Como estoy trabajando en Reactjs con grapesjs, quiero cargar una plantilla html en grapesjs. ¿Tengo una carpeta CSS separada en mi aplicaci...
Issue #3215
Problemas de carga de contenido desde una base de datos remota
Hola, Creé Grapejs Pagebuilder. Tengo dos enlaces, uno para Pagebuilder1 y otro para PAgeBuilder2. Ambos se redirigen al editor grpaejs y c...
Plugins de pago que cumplen con este problema
Seleccionado por temas clave y relevancia de etiquetas para ayudarte a enviar más rápido.
Cargando recomendaciones de plugins de pago...
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 →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.