PageKit: el creador de sitios GrapesJS autoalojado, con el código fuente incluido. Obtener acceso anticipado

Issue #1683💬 RespondidoAbierto el 26 de diciembre de 2018por AkibDeraiya123Reacciones 0

¿Cómo cambiar el id/clase cuando aparece un nuevo elemento en el editor o renderizo un elemento con IP dinámica?

Respuesta rápidapor artf

En tu callback de block:drag:stop deberías hacer un cambio en el droppedComponent (es una instancia de Component, así que usa su API), el $('#staticId') ni siquiera existe, el lienzo está en el otro marco del documento.

Lee la respuesta completa abajo ↓

Pregunta

Hola @artf, Espero que estés bien. Tengo dos preguntas sobre la suma de bloques dinámicos, 1) ¿Es posible renderizar el bloque con id dinámico? 2) ¿Es posible cambiar los métodos id/class/onClick en los métodos 'block:drag:stop' o 'component:add' grapesjs? Aquí tienes parte de mi código, En el ejemplo anterior necesito hacer dinámico en lugar de 'staticId'. Que también se pasa a la función onclick. Estoy intentando cambiar ese id dentro del Pero después del cambio, con la ayuda de '$('#staticId').attr('id', 'random id is here');' en realidad no recibe cambio. En realidad estoy usando grapes.j...

Respuestas (3)

artf27 de diciembre de 2018

En tu callback de block:drag:stop deberías hacer un cambio en el droppedComponent (es una instancia de Component, así que usa su API), el $('#staticId') ni siquiera existe, el lienzo está en el otro marco del documento.

AkibDeraiya12327 de diciembre de 2018

Hola @artf, Gracias por tu apoyo rápido. Ahora me funciona, Esto me ha funcionado. Supongamos que tengo contenido como, ¿Hay alguna posibilidad de actualizar el id y la función onclick de la etiqueta img?

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 →

Tutoriales relacionados

Guías detalladas sobre el mismo tema.

Todos los tutoriales →

Explorar categorías de plugins

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