Modificar grapes.min.js para permitir tipos de vídeo en AssetManager
Así fue como pude activar el gestor de activos al hacer clic en DBL. Consulta la propiedad de eventos a continuación.
Lee la respuesta completa abajo ↓Pregunta
Por favor, me gustaría modificar mi grapes.min.js porque me gustaría añadir el tipo de vídeo a mi assetManager. Por alguna razón, el am.addType() estropea mi página y no funciona tan bien. No sé por qué, pero tengo curiosidad por saber dónde hacer los cambios en mi grapes.min.js para incluir tipos de vídeo. Por favor, ayudadme.
Respuestas (3)
Así fue como pude activar el gestor de activos al hacer clic en DBL. Consulta la propiedad de eventos a continuación.
export default (editor, config = {}) => {
const comps = editor. DomComponents;
const defaultType = domc.getType('default');
var defaultType = comps.getType('video');
const defaultModel = defaultType.model;
const defaultView = defaultType.view;
// ...
comps.addType('video', {
view: defaultType.view.extend({
init(){
El 'activo' se activa por el 'activeOnRender' que has usado dentro de tu bloque
this.listenTo(this.model, 'active', this.doStuff);
},
eventos: {
dblclick: function(){
console.log('clic dbl');
this.doStuff();
}
},
doStuff(){
this.opts.config.em.get('Editor').runCommand('open-assets', { target: this.model, types:['video'], accept: 'video/*'})
}
}),
});
}
Creo que será mucho más fácil entender qué falla con 'am.addType'. Por favor, proporcione una demostración en directo de su caso.
PD. Como has creado un problema, eliminé tu comentario en el #802 porque el contenido es el mismo pero dejado así, solo estaba creando confusión
@artf Olvídalo. Descubrí que solo estaba mezclando las versiones usadas. ¡Gracias! De hecho, usé otra forma de hacerlo. He añadido activeOnRender:1 al vídeo y he eliminado el src predeterminado en el blocks-basic.js. Esto me permitió elegir mi propio src simplemente incluyendo el enlace al vídeo. Sin embargo, no puedo volver a abrir el Gestor de Activos con dblclick. ¿Sabéis cómo puedo hacer eso posible también en vídeos?
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #1943
Carencia de documentos
Gracias por este módulo tan genial. Pero el documento de este módulo es muy deficiente. En una palabra, este documento es solo para quién s...
Issue #846
Error cuando intenté añadir filas a una tabla
Hola a todos Estoy empezando a usar Grapesjs y tengo un problema, estoy intentando añadir 3 comandos nuevos para crear tablas, añadir filas...
Issue #802
Renderizado de activos
Intento crear una miniatura de vídeo, cuando la añado como etiqueta funciona bien, pero cuando es un array u objeto, no se renderiza la ima...
Issue #1253
grapesjs IE 11 No muestra la página web
Hola Uso grapesjs para crear una página web, funciona perfectamente con el navegador Chrome pero no muestra la página de grepesjs en IE 11...
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.
Explorar categorías de plugins
Ve directamente a las páginas de categorías de plugins en el marketplace.