Not supported in GFM Embedding an <iframe> into GitHub-flavored Markdown (GFM) is not supported. Here’s the official stance on it from their specs: 6.11 Disallowed Raw HTML (extension) GFM enables the tagfilter extension, where the following HTML tags will be filtered when rendering HTML output: <title> <textarea> <style> <xmp> <iframe> <noembed> <noframes> <script> <plaintext> […] … Read more
Communication between an iframe and parent document is not possible for cross-origin resources. It will only work if the iframe and the containing page are from the same host, port and protocol – e.g. http://example.com:80/1.html and http://example.com:80/2.html For cross-origin resources, you can make use of window.postMessage to communicate between the two, but this is only … Read more
Try it this way, instead of device just target the width Change @media only screen and (max-device-width : 640px) { to @media only screen and (max-width : 640px) { Also, it is more advised to target both min and max view-port width if you want to avoid considering order of media query declarations in your … Read more
You can do it without jQuery also: var iframe = document.getElementById(‘iframeID’); iframe = iframe.contentWindow || ( iframe.contentDocument.document || iframe.contentDocument); iframe.document.open(); iframe.document.write(‘Hello World!’); iframe.document.close(); jQuery’s html strips body, html and head tags from the inserted HTML.
It will be a hazard if we can manipulate other frames/window withou using client-side scripts or user-invoked actions. Here’s a list of alternatives: Javascript options: window.top.location.href=theLocation; window.parent.location.href=theLocation; window.top.location.replace(theLocation); Non-javascript options: <a href=”https://stackoverflow.com/questions/2092275/theLocation” target=”_top”>Click here to continue</a> <a href=”https://stackoverflow.com/questions/2092275/theLocation” target=”_parent”>Click here to continue</a>
There is a relatively new cookie attribute called SameSite that was being set by my server automatically. Disabling this (while retaining the settings listed in the question) allows the iframe access to its own cookies in Chrome. See also Chrome feature status & IETF draft UPDATE Aug 2020 Chrome now blocks cookies without SameSite set, … Read more
Cookies seem to be considered 3rd party if they come from different base domains (base domains being example.com or example.co.uk), but not if they come from different subdomains of the same base domain. myapp.example.com will be able to set cookies with domain myapp.example.com if it is embedded within www.example.com. Having myapp.example.com set cookies with domain … Read more
On the main page simply pass parameters as follows function myFunction(){ $(‘#myIframe’).attr(‘src’, “myIframeRequest.html?param1=value1¶m2=value2”); } In Iframe You can use a script to get the desired parameter value from parameters passed to page. <script> function getParamValue(paramName) { var url = window.location.search.substring(1); //get rid of “?” in querystring var qArray = url.split(‘&’); //get key-value pairs for (var … Read more
UPDATE 2020 You can also use the new Webpack 5 Module federation. following examples show how to use module federation with Angular and other technologies. Implementation examples of module federation , by the creators of module federation Example for building a plugin-based workflow designer with Angular and Dynamic Module Federation Dynamic Module Federation with Angular … Read more