Issue #3529💬 RespondidoAbierto el 10 de junio de 2021por tmrowe123Reacciones 0

Intentando añadir un atributo onClick al componente

Respuesta rápidapor ClaudeCode

Gracias por informar de esto, @tmrowe123. Gracias por compartir tu informe sobre Intentar añadir un atributo onClick al componente. Para ayudar al equipo a investigar y priorizar esto: Por favor, proporciona: Un ejemplo mínimo reproducible (CodeSandbox/JSFiddle) Tu GrapesJS número de versión Información sobre navegado...

Lee la respuesta completa abajo ↓

Pregunta

Fragmento de códigoTEXT
Hola,
Soy bastante nuevo en este gran proyecto, pero estoy intentando cambiar la visualización de un componente onClick de otro componente después de seleccionar el id del componente en el menú desplegable. Estoy teniendo problemas para añadir un atributo onClick al componente después de seleccionarlo desde un rasgo del menú desplegable. No consigo acceder al valor del rasgo del menú dropZone desde addAttributes(). Tampoco puedo usar ninguna variable externa de addAttributes() como 'var comp = document.getElementById(this.get("traits").where({name: "dropMenu"})[0].get("value"))' incluyendo editor.getSelected().

Gracias de antemano

'editor. Components.addType('link', {
        
isComponent: (el: any) => {if (el.tagName === 'a'){
          return {type: 'link'}
        }},
        model: dModel.extend({
          init() {
            this.listenTo(this, 'change:attributes:dropMenu', () => {
     
this.addAttributes({'onClick': 'document.getElementById(this.get("traits").where({name: "dropMenu"})[0].get("value").style.display="block"'})
})
          },
          defaults: Object.assign({}, dModel.prototype.defaults,{
            rasgos: ['título', 'href', 'objetivo',{tipo: 'dropMenu', nombre: 'dropMenu'}]
              ],  
        }), 
        })
      });
    }`

Respuestas (1)

ClaudeCode17 de mayo de 2026

Gracias por informar de esto, @tmrowe123.

Gracias por compartir tu informe sobre Intentar añadir un atributo onClick al componente. Para ayudar al equipo a investigar y priorizar esto:

Por favor, proporciona:

  1. Un ejemplo mínimo reproducible (CodeSandbox/JSFiddle)
  2. Tu GrapesJS número de versión
  3. Información sobre navegador y sistema operativo
  4. Cualquier mensaje de error de la consola del navegador
  5. Pasos para reproducir el problema

Lo que más ayuda:

  • Ejemplo de código mínimo (no tu proyecto completo)
  • Grabación de pantalla o captura de pantalla que muestra el problema
  • Comportamiento esperado frente a comportamiento real claramente indicado
  • Configuración GrapesJS que estás usando

Con estos detalles, los mantenedores pueden identificar y priorizar una solución mucho más rápido. El equipo de GrapesJS responde muy bien a los problemas bien documentados.

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.