Hacer clic en el área oscura alrededor del iframe o en la x en la esquina superior derecha cerrará la ventana ligera. Funciona de la misma manera que las ventanas ligeras de imágenes predeterminadas.
Configuración
Solo hay una configuración. Agregas los dominios en los que deseas tener esta funcionalidad.
Los dominios que especifiques aquí también deben estar en la lista blanca en la configuración del sitio allowed_iframes para que aparezcan en los publicaciones.
Ejemplos de uso:
Aquí hay un par de ejemplos además del iframe de CodePen mencionado anteriormente
Correct, this component will not mess with any whitelisting settings at all.
In order for any iframe to show up in the cooked content of a post - expandable or not - it has to be on the list of allowed_iframes setting like you pointed out.
@Johani is this component still functional? If so, any thoughts on why I am not getting the pop-out diagonal-arrows in the upper-right, but rather a blank/dead box?
Here is what I’ve tried:
Updated themes/components.
Made sure src links were white-listed in the component and the Discourse settings.
Tried a few different links, including Google Maps.
Tried several scenarios with the Media Overlay on/off + Lightbox alone on/off.
thank you very much for conceiving and maintaining this theme component.
After installing it on https://community.hiveeyes.org/ the other day, some users recently started to complain that the overall appearance of the head of the page looked different for them. They finally found out the reason was that they blocked cloudflare altogether, so all requests to https://cdnjs.cloudflare.com/ajax/libs/featherlight/1.7.13/featherlight.min.js would fail.
So, we are humbly asking if there would be a way for you to provide this component in a self-contained variant?
No estoy al tanto de ningún componente existente que haga eso, así que tendrías que crear uno o encargar ese trabajo en la categoría Marketplace.
Este componente temático comprueba iFrame en una publicación y compara su atributo src con una lista de fuentes elegibles proporcionada por el administrador en la configuración del componente. Si el dominio de la fuente coincide, agrega el botón lightbox. La visualización del lightbox es manejada por featherlight.js. Featherlight escucha los clics en elementos con el atributo data-featherlight. Si se hace clic en uno de esos, abre el lightbox con el contenido de ese iFrame.
Puedes hacer lo mismo con las etiquetas <a> en un componente diferente con un poco de esfuerzo. Si el href del enlace coincide con un dominio listado en la configuración del componente, ábrelo en un lightbox de iframe. De lo contrario, déjalo como un enlace normal. No querrás que todos los enlaces se abran en un iframe con lightbox.
La mayor parte del trabajo requerido ya está manejado por este componente, por lo que puedes simplemente hacer un fork duro y comenzar desde allí. No hay planes para agregar esa característica a este componente porque solo está destinado a manejar etiquetas iFrame en publicaciones.
… genera esta nota a pie de página emergente en la que se puede hacer clic, que contiene un mini iFrame con el botón Expand content en la esquina superior derecha…
¿Sigue funcionando este componente? Solía funcionarme en el pasado, pero por alguna razón dejó de hacerlo.
Parece que la última actualización fue hace 3 años: hnb-ku/discourse-iframe-lightboxes (github.com) ¿Es razonable suponer que algo se rompió?
No puedo hacer que esto funcione, seguí la guía al pie de la letra y agregué el dominio tanto al componente del tema como a la configuración del sitio. Esto es lo que obtengo:
no hay errores en la consola.
Lo estoy usando con vistas previas de PDF: Inline PDF Previews - #116 by Alon1
Espero obtener las flechas de expansión encima del PDF
Ambos TCs usan la misma API para decorar una publicación, por lo que el orden en que los instales sería necesario. Además, la fuente del iframe se establece dinámicamente una vez que se descarga el PDF y puede que no esté disponible inmediatamente en este TC de IFrame Lighboxes.
Los cambios que hice son básicamente:
Busca elementos iframe en el siguiente ciclo de ejecución, por lo que se garantiza que el iframe estará disponible.
Espera a que el iframe se cargue para que puedas recuperar la URL de origen.
Los dominios que especifiques aquí también deben estar en la lista blanca en la configuración del sitio
