
Security News
MCP Steering Committee Launches Official MCP Registry in Preview
The MCP Steering Committee has launched the official MCP Registry in preview, a central hub for discovering and publishing MCP servers.
react-iframe-resizer-super
Advanced tools
React Iframe Resizer With Super-Powers (cross domain, resize, etc)
This is a versatile React Component which renders an iframe and wires in the excellent Iframe Resizer library.
This Component was created with the React CDK by the great folks at Kadira.
NOTE: Renamed to react-iframe-resizer-super
because there is already a react-iframe-resier
npm package.
npm install --save react-iframe-resizer-super iframe-resizer
import ReactIframeResizer from 'react-iframe-resizer-super';
const iframeResizerOptions = { checkOrigin: false };
const MyComponent = props => (
<div>
<p>Content Before Iframe (style unaffected by iframe)</p>
<ReactIframeResizer iframeResizerOptions={iframeResizerOptions}>
<style>p { color: green; }</style>
<p>Here is some green text, inside an iframe</p>
</ReactIframeResizer>
<p>Content After Iframe (style unaffected by iframe)</p>
</div>
);
content
(string) iframe document option 1. - content of HTML to load in the iframesrc
(string) iframe document option 2. - src to a URL to load in the iframeiframeResizerEnable
(bool) [true]iframeResizerOptions
(object) see all supported
iframe-resizer options.iframeResizerUrl
(string || bool) URL to the client JS for injecting into the
iframe. This only works for content
type, at the moment. The default URL
is https://cdnjs.cloudflare.com/ajax/libs/iframe-resizer/3.5.8/iframeResizer.contentWindow.min.js
. If you wanted to disable this, you could set it to {false}frameBorder
(number) [0] optionally set a frameBorderid
(string) optionally set an id propertyclassName
(string) optionally set a className propertystyle
(object) optionally set a style property
default { width: '100%', minHeight: 20 }
See our stories/demos at zeroasterisk.github.io/react-iframe-resizer-super and the source of the stories/demo. and of course, more about iframe-resizer which is where most of the iframe magic happens.
FAQs
React Iframe Resizer With Super-Powers (cross domain, resize, etc)
We found that react-iframe-resizer-super demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
The MCP Steering Committee has launched the official MCP Registry in preview, a central hub for discovering and publishing MCP servers.
Product
Socket’s new Pull Request Stories give security teams clear visibility into dependency risks and outcomes across scanned pull requests.
Research
/Security News
npm author Qix’s account was compromised, with malicious versions of popular packages like chalk-template, color-convert, and strip-ansi published.