Imposible seleccionar Iframe
Oye, @chiqui3d intenta copiar la lógica view de la ComponentMapView. Básicamente no puedes seleccionarlo porque todo lo que hay dentro se solapa con el propio elemento iframe (los elementos dentro de iframe están fuera del alcance del editor). Como ves en el mapa, básicamente tienes que envolver el 'iframe' dentro de...
Lee la respuesta completa abajo ↓Pregunta
He creado un nuevo tipo de componente, un iframe general, evitando seleccionar el mapa, pero cuando intento seleccionarlo en el lienzo para que aparezcan los escenarios, me resulta imposible.
Este es el código de componentes.
comps.addType('myiframe', {
model: defaultModel.extend({
defaults: Object.assign({}, defaultModel.prototype.defaults, {
'nombre personalizado': "IFRAME",
etiquetaNombre: 'iframe',
src: "",
Rasgos: ['Nombre', 'Id', {
Tipo: 'texto',
Etiqueta: 'SRC',
Nombre: 'SRC',
cambioprop: 1
}],
}),
}, {
isComponent(el) {
Resultado var = '';
if (el.tagName == 'IFRAME' && /http/.test(el.src) && !/map/.test(el.src)) {
Resultado = { Tipo: 'MyiFrame', Src: El.SRC };
}
resultado de retorno;
},
}),
vista: defaultType.view,
});
Respuestas (3)
Oye, @chiqui3d intenta copiar la lógica view de la ComponentMapView. Básicamente no puedes seleccionarlo porque todo lo que hay dentro se solapa con el propio elemento iframe (los elementos dentro de iframe están fuera del alcance del editor). Como ves en el mapa, básicamente tienes que envolver el 'iframe' dentro de un 'div' y desactivar los eventos de puntero (mediante la clase 'gjs-no-pointer'), de lo contrario el div también se solapará
Vale, pero entonces nunca puedo editar el iframe src creado previamente, o puedo hacer que crea un div envelope con el editor al cargar en la vista, para elementos iframe que no se crearon a partir de grapesjs, ¿verdad?
¡Gracias @artf
Este hilo se ha bloqueado automáticamente porque no ha habido actividad reciente desde que se cerró. Por favor, abre un nuevo problema para bugs relacionados.
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #460
Cuando la vista del componente modifica el HTML, los componentes de texto ya no son editables
Estoy intentando crear un componente personalizado que contenga algo de texto lorem ipsum en el contenido, para editarlo una vez que esté e...
Issue #1727
[PREGUNTA] Evento para que los niños vean
Tengo un problema con un componente. Cuando dejo caer un componente en el lienzo, creo un objeto sencillo. Antes de añadir este objeto nece...
Issue #1696
Los rasgos aparecen a la primera vez cuando arrastras un componente personalizado
Hola artf, he creado un componente personalizado y le he añadido rasgos; al arrastrar este componente al editor y seleccionarlo, los rasgos...
Issue #639
Rerenderizar el componente en Canvas cuando el nombre de la etiqueta ha cambiado
Estoy intentando construir un componente básico de encabezado que te permita seleccionar de H1 a H6 con un rasgo. Pero cuando se selecciona...
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.