Clicking either the dark area around the iframe or the x at the top right corner closes the lightbox. The same way it works for default image lightboxes.
Settings
There’s only one setting. You add the domains that you want to have this functionality on there.
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?
그 기능을 수행하는 기존 컴포넌트가 있는지 모르겠으므로, Marketplace 카테고리에서 해당 컴포넌트를 직접 만들거나 개발을 의뢰해야 합니다.
이 테마 컴포넌트는 게시글 내의 iFrame 태그를 확인하고, 그 src 속성을 관리자 설정에서 제공한 대상 소스 목록과 비교합니다. 소스 도메인이 일치하면 라이트박스 버튼을 추가합니다. 라이트박스를 표시하는 동작은 featherlight.js가 처리합니다. Featherlight는 data-featherlight 속성이 있는 요소의 클릭 이벤트를 감지하며, 해당 요소가 클릭되면 해당 iFrame의 내용을 라이트박스로 엽니다.
조금만 손보면 다른 컴포넌트에서 <a> 태그에도 동일한 방식으로 적용할 수 있습니다. 링크의 href가 컴포넌트 설정에 지정된 도메인과 일치하면 iframe으로 라이트박스를 띄우고, 그렇지 않으면 일반 링크로 남겨두세요. 모든 링크가 라이트박스된 iframe에서 열리도록 하는 것은 바람직하지 않습니다.
필요한 대부분의 작업은 이미 이 컴포넌트에서 처리되고 있으므로, 하드 포크(hard-fork)하여 이를 기반으로 시작하면 됩니다. 이 컴포넌트는 게시글의 iFrame 태그만 처리하도록 설계되었기 때문에 해당 기능을 추가할 계획은 없습니다.