Name: lucify-embed-code
Owner: Lucify
Description: null
Created: 2016-05-17 12:42:06.0
Updated: 2016-05-17 12:42:40.0
Pushed: 2016-05-18 14:10:31.0
Homepage: null
Size: 15
Language: JavaScript
GitHub Committers
| User | Most Recent Commit | # Commits |
|---|
Other Committers
| User | Most Recent Commit | # Commits |
|---|
Generates embed codes for embedding content from external websites with auto-resizing iframes based on iframe-resizer version 2.8.10
This is a pre-release of a package belonging to the Lucify platform. It has been published merely to satisfy dependencies of other packages. Any APIs may change without notice.
Three types of embed codes are supported. All three types are typically offered for embeddable visualisations created by Lucify.
Examples below are for the Seeking asylum in Europe visualisation. It was chosen as an example, because it has embed codes with different query parameters for different languages.
This type of embed code contains an iFrame that will contain an embed, and a script tag that contains an inlined version of the iframe resize script.
The advantage of this type of embed code is that it does not require the execution of any remote resources in the context of the embedding site.
Generate the embed code with:
rt embedCode from 'lucify-embed-code'
mbed iframe url for Finnish version
t iFrameUrl = 'http://www.lucify.com/embed/asylum-seekers-in-europe/?fi';
t code = embedCode.getIFrameEmbedCodeWithInlineResize(iFrameUrl);
This type of embed code contains an iFrame that will contain an embed, and a script tag that points to a remote version of the iframe resize script.
The advantage compared to the previous type of embed codes is that it is much shorter. The disadvantage is that the embedding page will be executing remote resources.
This type of embed code requires [iframeResizer.min.js] https://github.com/davidjbradshaw/iframe-resizer/blob/v2.8.10/js/iframeResizer.min.js to be located in [baseUrl]/resize.js.
Generate the embed code with:
rt embedCode from 'lucify-embed-code'
mbed baseUrl, pointing to directory with resize.js
t baseUrl = 'http://www.lucify.com/embed/asylum-seekers-in-europe/';
mbed iframe url for Finnish version
t iFrameUrl = 'http://www.lucify.com/embed/asylum-seekers-in-europe/?fi';
t code = embedCode.getIFrameEmbedCodeWithRemoteResize(baseUrl, embedUrl);
This type of embed code consists of two script tags. They will write an iframe to the page and run the iframe resize script.
This type of embed code requires a bundled version of embed.js to be located in [baseUrl]/embed.js. In projects published in npm, the file can be found in lib/embed.js. It can be built with npm prepublish.
Generate the embed code with:
rt embedCode from 'lucify-embed-code'
mbed baseUrl, pointing to directory with embed.js
t baseUrl = 'http://www.lucify.com/embed/asylum-seekers-in-europe/';
mbed iframe url for Finnish version
t iFrameUrl = 'http://www.lucify.com/embed/asylum-seekers-in-europe/?fi';
t code = embedCode.getIFrameEmbedCodeWithRemoteResize(baseUrl, embedUrl);
MIT