Tipo de componente personalizado no encontrado y rasgos que no funcionan tras cargar la página
Intenta poner tus definiciones de componentes personalizadas en un plugin y mira si funciona
Lee la respuesta completa abajo ↓Pregunta
Hola @artf
He creado un componente personalizado muy básico llamado 'custom_section' que usa rasgos para cambiar el color de fondo del componente añadiendo una clase. Bastante sencillo.
He creado dos bloques:
- Sección - incluye solo el componente.
- Colección de secciones - incluye una colección de elementos del DOM y el componente.
Desafortunadamente, estoy teniendo 2 problemas como se detalla abajo.
Número 1:
- Un bloque con componente personalizado se deja caer en el lienzo; visualmente se ve bien.
- Cuando los cambios se guardan en almacenamiento local y se recarga la página, aparece la siguiente advertencia en la consola: "Tipo de componente 'custom_section' no encontrado".
¿Qué estoy haciendo mal aquí? ¿Está mal la lógica de isComponent?
Número 2 - igual que el número #2106
- Se elimina un bloque con componente personalizado: visualmente se ve bien y puede seleccionar rasgos y modificar el color de fondo del componente.
- Cuando los cambios se guardan a través del almacenamiento local y se recarga la página, los rasgos definidos personalizados ya no están presentes y se muestran los atributos por defecto.
Esto empezó a ocurrir después de la última actualización (v0.14.62). En los últimos cambios, menciona "Eliminar información de rasgos del componente JSON". ¿Es esto lo que está causando el problema y, de ser así, hay alguna solución alternativa? https://github.com/artf/grapesjs/releases/tag/v0.14.62
He creado aquí una demo de casos de uso reducidos: https://codepen.io/selcukcura/pen/ewyRqB?editors=1010
Agradecería mucho algo de ayuda con esto, ya que llevo un tiempo atascado con esto.
Gracias, Selcuk
Respuestas (3)
Intenta poner tus definiciones de componentes personalizadas en un plugin y mira si funciona
@selcukcura funciona al ponerlo en el plugin?
Muy agradecido, @artf, ¡colocar mi componente personalizado en un plugin solucionó ambos problemas!
Por curiosidad, ¿hay alguna razón particular por la que ahora funciona como un plugin y no de otra manera?
@alialrabi Sí, conseguí que funcionara. Prueba a usar el plugin boilerplate si aún no lo has hecho.
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #2165
[PREGUNTA] Cómo ampliar la propiedad del sector de la gestión de estilo
Hola @artf, Hemos creado un gestor de activos personalizado que funciona perfectamente para el componente de imagen. Sin embargo, no podemo...
Issue #2188
[PREGUNTA] Cómo cambiar tagName usando rasgos.
Hola, Quiero lograr esto: Cuando el usuario hace clic en una etiqueta de encabezado H1, H2, H3 ... Quiero que aparezca un rasgo (de tipo se...
Issue #2083
[PREGUNTA] model.get('toolbar') siempre devuelve null
Hola @artf Estoy intentando añadir una barra de herramientas personalizada a mi componente personalizado sin cambiar la barra predeterminad...
Issue #3170
Añadir nombre de clase a partir de rasgos
Hola, lo que intento conseguir es que el componente de texto se amplíe asignando un rasgo extra llamado Alineamiento y decidiendo a través...
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.