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.
Error de importación intentado: 'ComponentView' no se exporta desde 'grapesjs' (importado como 'ComponentView').
<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 sobre navegador y sistema operativo
- Cualquier mensaje de error de la consola del navegador
- 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.
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
Ship to Production Faster: What’s New in GrapesJS Shadcn
Supercharge your page builder! GrapesJS Shadcn adds live drag previews, rich text / commands, dynamic data, and canvas presets to ship to prod faster.
Tutorial
How to Build a Production GrapesJS Editor: The Complete Walkthrough of Brief, Preset, Plugins, and Services
A complete walkthrough of building a production GrapesJS editor: how to choose a preset, pick plugins, and scope setup services without burning a sprint.
Tutorial
Embed GrapesJS in Your SaaS: A Weekend Guide
Embed GrapesJS in your SaaS and ship a white-label page builder over a weekend. Honest tradeoffs, real code, and the plugins that close the UX gap.
Explorar categorías de plugins
Ve directamente a las páginas de categorías de plugins en el marketplace.