Issue #2136✓ ResueltoAbierto el 12 de julio de 2019por selcukcuraReacciones 2

Tipo de componente personalizado no encontrado y rasgos que no funcionan tras cargar la página

Respuesta rápidapor artf2

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:

  1. Sección - incluye solo el componente.
  2. 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:

  1. Un bloque con componente personalizado se deja caer en el lienzo; visualmente se ve bien.
  2. 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

  1. Se elimina un bloque con componente personalizado: visualmente se ve bien y puede seleccionar rasgos y modificar el color de fondo del componente.
  2. 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)

👍 Muy útilartf15 de julio de 2019

Intenta poner tus definiciones de componentes personalizadas en un plugin y mira si funciona

alialrabi16 de julio de 2019

@selcukcura funciona al ponerlo en el plugin?

selcukcura16 de julio de 2019

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.

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.