¿Cómo puedo personalizar bloques de vídeo
Hola @ShakilAhmedMunna, tienes que usar Componentes personalizados
Lee la respuesta completa abajo ↓Pregunta
Quiero crear una galería de imágenes tipo galería de vídeo. Después de la caída, el bloque de vídeo muestra la galería. ¿Cómo puedo hacer eso?
Estoy usando el plugin grapesjs-preset-webpage. Intenta que no funcione por debajo del código...
var editor = grapesjs.init({
Altura: '100%',
Offsets: 1,
avisoOnUnload: 0,
Contenedor: '#gjs',
fromElement: cierto,
Plugins: ['GJS-preset-webpage' , 'GJS-Blocks-Basic'],
storageManager: {
autocarga: 0,
guardado automático: falso,
fijaPasos antes de guardar: 1,
contentTypeJson: cierto,
},
pluginsOpts: {
'gjs-preset-webpage': {},
'gjs-blocks-basic' : {
'bloquear' : {
'video' : {
etiqueta: 'Bloque simple actualizado',
atributos: {
título: 'Mi título'
}
}
}
}
},
comandos: {
Valores por defecto: [
],
},
});
editor. Panels.addButton
('opciones',
[{
id: 'guardar-db',
claseNombre: 'fa fa-floppy-o',
Comandamiento: 'guardar-db',
atributos: {título: 'Guardar'}
}]
);
Añadir el comando
editor. Commands.add
('guardar-db',
{
run: function(editor, sender)
{
sender & & sender.set('active', 0); Apaga el botón
editor.store();
var htmldata = editor.getHtml();
var cssdata = editor.getCss();
console.log(htmldata);
console.log(cssdata);
console.log(htmldata);
console.log(cssdata);
$.post("https://reqbin.com/echo",
{
html: htmldata,
CSS: CSSDATA
});
}
});
var blockManager = editor. Jefe de bloque;
var c = blockManager.get('video').set({
etiqueta: 'e',
categoría: 'Básico',
Cambiando: Cierto,
atributos: {
título: 'Mi título'
},
Contenido: {
tipo: 'vídeo', // Componente 'vídeo' incorporado
estilo: {
},
removible: falso, // Una vez insertado no se puede quitar
}
})
console.log(c);Respuestas (3)
Hola @ShakilAhmedMunna, tienes que usar Componentes personalizados
No entendía cómo usar eso... ¿Tienes algún tutorial que
¿Hay alguna solución para este ticket? Porque necesito lo mismo que uso el plugin grapesjs-preset-webpage
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #1297
[PREGUNTA] ¿Es posible hacer múltiples rasgos para hacer un img editable y <a> etiquetar en el componente de tabla?
Hola Artur, Se me olvidó decir que estoy usando la última versión, lo siento por eso. Quiero añadir un plugin para iconos de redes sociales...
Issue #3304
¿Cómo puedo personalizar la interfaz de usuario de Grapesjs?
Quiero personalizar la interfaz de Grapesjs, pero los archivos js y css están minificados. Por favor, decidme cómo puedo hacer esto. Solo q...
Issue #484
¿Puedo restringir qué bloques se pueden colocar en un contenedor?
Mi intención es crear un bloque que permita que solo se dejen caer componentes de imagen (estoy usando el predeterminado de uvapes-blocks-b...
Issue #809
[Bug]: CSS no se añadió cuando los bloques se arrastran y soltan tras invocar el comando core:canvas-clear
Estoy usando el plugin grapesjs-blocks-basic que tiene varios bloques de columnas. Cuando arrastro y suelto estos bloques en el lienzo, se...
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 →Explorar categorías de plugins
Ve directamente a las páginas de categorías de plugins en el marketplace.