HAZAÑA: componente:evento clicked / dbclicked
Puedes ampliar el componente de vídeo y en su vista añadir el mismo evento que el de la Imagen
Lee la respuesta completa abajo ↓Pregunta
Hola, estoy intentando usar el componente de vídeo para subirlo en el gestor de recursos. Y me doy cuenta de que puedo aprovechar el evento del editor 'component:selected' para hacerlo.
Funciona, pero no es perfecto. Prefiero usar doble clic para activar la apertura del administrador de recursos. Si pudiéramos tener un evento como 'component:clicked/dbclicked', sería mejor
Respuestas (3)
Puedes ampliar el componente de vídeo y en su vista añadir el mismo evento que el de la Imagen
@archerbj lo has conseguido hacer? Lo intenté y parece que ComponentView solo exporta por tipo. <img width="883" alt="image" src="https://github.com/GrapesJS/grapesjs/assets/4531670/e075cf79-4e93-411a-ba35-63dd2fd0ad51">
Gracias por informar de esto, @archerbj. Gracias por compartir tu informe sobre FEAT: componente:clicked / dbclicked event. 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 so...
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #3732
El tipo de componente de comentario no soporta añadir rasgos
Estoy trabajando en un script que añade un rasgo a todos los tipos de componente, pero el tipo de comentario no tiene el objeto prototipo....
Issue #5110
'enableEditing' está adjunto a la vista y puedes obtener su instancia del modelo, así que selecciona el componente y ejecuta esto en consola 'editor.getSelected().view.enableEditing()'
Estoy recibiendo editor.getSelected().view.enableEditing(); no es una función
Issue #3578
Versión 0.17.4 Los componentes faltan al intentar añadir imagen de fondo al cuerpo
Añado domComponents: { storeWrapper: 1 }, Al inicializar el editor web, para habilitar añadir imagen de fondo al cuerpo. funciona bien usan...
Issue #3546
¿Cómo puedo añadir la barra de herramientas personalizada izquierda para el componente Imagen, similar a texto?
Queremos añadir una barra de herramientas personalizada al componente de imagen que se mostrará a la izquierda (similar a lo que mostramos...
Plugins de pago que cumplen con este problema
Seleccionado por temas clave y relevancia de etiquetas para ayudarte a enviar más rápido.
Cargando recomendaciones de plugins de pago...
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 →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.
Tutorial
Vanilla GrapesJS vs GrapesJS With Plugins: What You Actually Get Out of the Box (2026)
New to GrapesJS? See exactly what the stock editor gives you, where it falls short, and which plugins close the gaps — a beginner-friendly 2026 comparison
Tutorial
Lighthouse for GrapesJS: Audit Accessibility and SEO Without Leaving the Editor
Live WCAG 2.1/2.2 accessibility auditor + SEO manager for GrapesJS. Every finding is bound to the exact component — click to select, then one-click fix.
Tutorial
GrapesJS DevTools: A Developer Panel Inside Your Editor
If you've ever debugged GrapesJS with console.log(editor.getSelected()) and a dozen throwaway event listeners — this post is for you.
Explorar categorías de plugins
Ve directamente a las páginas de categorías de plugins en el marketplace.