¿Cómo anular fácilmente un componente existente?

Question

Por ejemplo, quiero añadir un gestor de eventos con doble clic en el componente de vídeo por defecto para abrir el gestor de recursos. Mi idea básica era obtener la definición de vista del componente de vídeo y añadir 'eventos' + manejador. Por último, vuelve a ponerlo en el componente de vídeo. Desgraciadamente, esta idea fracasó en el primer paso. 'v.View()' me da un error Soy nuevo en este proyecto y apenas conozco Backbone.js. ¿Podrías darme algunas sugerencias, por favor?

Joshmamroud · Accepted Answer

@archerbj aquí tienes una demo de lo que buscas: https://codesandbox.io/s/sharp-easley-3hrdn?file=/index.js Quieres asignar la funcionalidad al propio 'tipo de componente' en lugar de buscar todas las instancias de ese componente y añadirlas en algún cambio. Para ello, crea un nuevo 'Tipo de Componente' que extienda el tipo 'vídeo' y luego añade el gestor de eventos 'dblclick' a la vista. Una vez que tienes eso, creas un bloque que use tu nuevo tipo de componente. Aquí tienes documentación sobr...

archerbj · Answer

@archerbj aquí tienes una demostración de lo que buscas: https://codesandbox.io/s/sharp-easley-3hrdn?file=/index.jsQuieres asignar la funcionalidad al propio 'tipo de componente' en lugar de intentar encontrar todas las instancias de ese componente y añadirlas en algún cambio. Para ello, crea un nuevo 'Tipo de Componente' que extienda el tipo 'vídeo' y luego añade el gestor de eventos 'dblclick' a la vista. Una vez que tienes eso, creas un bloque que use tu nuevo tipo de componente.Aquí tienes...

abulka · Answer

@Joshmamroud Gracias por ese ejemplo de carrera. El tuyo es el único ejemplo que encuentro de usar la función de 'extender' mencionada en la documentación. Tu ejemplo es muy simple y zen, sin embargo, solo muestra añadir un manejador 'dblclick' al componente de vídeo y no muestra añadir atributos o propiedades o rasgos adicionales del componente. ¿Alguna posibilidad de que puedas explicar eso o dar un ejemplo? Ya que me cuesta entender cómo usar 'extender', como mencioné en el #3060.

¿Cómo anular fácilmente un componente existente?

Pregunta

Respuestas (4)

Preguntas y respuestas relacionadas

Rasgos no mostrados tras recargar el editor para un componente personalizado

Se eliminan las clases css y los identificadores generados automáticamente para cada etiqueta html cambian (Ejemplo: ivj5m-2) tras cada recarga

Problemas de rendimiento al añadir más de 20 clases a un solo componente

Gestor de eventos en vista no vinculado al componente

Plugins de pago que cumplen con este problema

Tutoriales relacionados

Vanilla GrapesJS vs GrapesJS With Plugins: What You Actually Get Out of the Box (2026)

GrapesJS DevTools: A Developer Panel Inside Your Editor

How We Built Composeit in Record Time Using GrapesJS Shadcn

Explorar categorías de plugins