¿Cómo arrastrar texto externo a un índice concreto dentro del componente textible?

Hola @artf, Cuando arrastro contenido externo dentro del editor, debería soltarse en una posición específica, pero se está solapando con el contenido existente en el componente. ¿Hay alguna forma de colocar el texto en la posición específica sin que se solapen más?

Para que lo sepas, estoy usando canvas:dragdata para obtener el contenido externo.

@siddhi1397 por favor, no abran los problemas de errores como características o preguntas

Vale, perdón por eso. @artf Pero, ¿podrías ayudarme a saber cómo se puede implementar esto?

Gracias por informar de esto, @siddhi1397.

Buena pregunta sobre ¿Cómo arrastrar texto externo a un índice particular dentro del componente textible?. El enfoque recomendado con Componentes es utilizar 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!