REMOVER: ¿Cómo envolver el HTML de un componente de vídeo en 2 divs, y por qué no se llama a toHtml?
Pregunta
Hola, ¿Alguien puede ayudarme? v0.16.17 Necesito cambiar el HTML del componente de vídeo a la estructura:
<clase div='1'>
<clase div='2'>
<iframe></iframe>
</div>
</div>
Estoy intentando anular el método toHtml, pero nunca llamaron...
` Obtén el módulo DomComponents Let comps = editor. DomComponents; Sea bm = editor. Jefe de bloque;
Obtén el modelo y la vista desde el tipo de Componente por defecto sea originalVideo = comps.getType('video'); sea oModel = Video.model original;
La 'entrada' será el ID del tipo de componente comps.addType('video', { Defina el modelo model: oModel.extend({ predeterminados : { ... oModel.prototype.defaults, proveedor: 'gVideo', gVideoUrl: 'https://www.sdfsgdfgdgdfgdfgdg.com/v.php', Clases: ['Embed-responsive', 'Embed-responsive-16by9'], etiquetaNombre: 'iframe', }, toHTML() { console.log(123); }, `
Respuestas (1)
Mi error
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #2549
[PREGUNTA] Actualizar vista de componentes al cambiar la propiedad
Hola a todos, Estoy intentando crear un componente que actualice su vista en función del valor de una propiedad '''javascript editor. DomCo...
Issue #1967
Envolver el componente integrado con div html
Estoy intentando envolver el componente 'video' específicamente para el '' de YouTube <iframe>con un contenedor padre '<div class="embed-re...
Issue #1388
Actualizar el estilo del componente seleccionado
Estoy intentando actualizar el CSS del elemento seleccionado. Ejemplo: Elemento seleccionado: '<div id="inul" class='class1'>Hola</div>' el...
Issue #1459
[PREGUNTA] Cómo almacenar los atributos "data-" en la etiqueta html del componente
Hola, estoy desarrollando un plugin para gráficos usando chart.js. Para que la plantilla generada renderice el gráfico desde un modelo de d...
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.