Issue #2754💬 RespondidoAbierto el 6 de mayo de 2020por shakil-officialReacciones 0

¿Cómo puedo personalizar bloques de vídeo

Respuesta rápidapor artf

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,

Fragmento de códigoTEXT
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)

artf12 de mayo de 2020

Hola @ShakilAhmedMunna, tienes que usar Componentes personalizados

shakil-official12 de mayo de 2020

No entendía cómo usar eso... ¿Tienes algún tutorial que

nadhu20133 de octubre de 2023

¿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.

Plugins de pago que cumplen con este problema

Seleccionado por temas clave y relevancia de etiquetas para ayudarte a enviar más rápido.

Ver todos los plugins

Cargando recomendaciones de plugins de pago...

Opción gratuita

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 →
Opción premium

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.