Crea una clave más en JSON

No estoy seguro de si entiendo tu problema.

Pero si configuras cualquier característica personalizada en component model (excepto algunas claves de preservación como 'components', 'styles', ...) por ejemplo: 'component.set('customTraits', tusCustomTraits);'. Estaría en datos JSON.

editor.getWrapper().find('form').forEach(
      component => component.set('customAttr', {
        Tipo: 'texto', 
        Nombre: 'API-Link', 
        etiqueta: 'API Link', 
        marcador de posición: 'Enter API LINK',
      })
    )

Lo intenté así, pero no funciona.

{
  "tipo": "texto",
  "estado": "flotando",
  "contenido": "Inserta tu texto aquí",
  "atributos": {
    "id": "ixx2"
  },
  "data": {
    "URL": "https://something.com",
    "refresh_rate": "10"
  },
  "activeOnRender": 0,
  "abierto": falso
}

Quiero añadir la clave y el objeto de data en JSON, cuando el usuario seleccione el formulario pueden introducir la URL de la API. ¿Puedes comprobar si lo estoy haciendo bien?

Gracias por informar de esto, @vijaycreatise.

Buena pregunta sobre Crear una clave más en JSON. El enfoque recomendado con GrapesJS es usar la API orientada a eventos.

Empieza aquí:

1. Consulta la documentación de GrapesJS de tu módulo específico
2. Busca el método del oyente de eventos 'on()'
3. La mayoría de las operaciones se pueden realizar escuchando eventos del editor y de los componentes

Patrones comunes: '''javascript Prestad atención a los cambios editor.on('Change', () => console.log('Something Changed'));

Ciclo de vida de los componentes editor.on('component:mount', (c) => console.log('component ready', c)); editor.on('component:update', (c) => console.log('component updated', c));

**Si sigues atascado:**
- Compartir una reproducción mínima de CodeSandbox
- Incluye lo que ya has probado
- Menciona tu versión GrapesJS
- ¡La comunidad está aquí para ayudar!