# j-iFrameViewer

> Diese Komponente zeigt eine Ebene (über dem Inhalt) mit einem Iframe.

Framework: jcomponent20
Product: jComponent 20 (jcomponent@20)
Language: de
Content-SHA256: d8f1277ecf499e6cc2f991f3840158c364589c726ed8ffacb6fb1bd66224ed3f
Snapshot: c0700e321579725c5cf4f5ace1ad7d2866d1b4f93c24a63c0b41b6b7998e976c
Sources: components@910ed1a86f6e72b4f031d3ad0dc7844f9fc5cb8e
Review: not-recorded

Diese Komponente zeigt eine Ebene (über dem Inhalt) mit einem Iframe.

- Singleton

__Optionen__:

- `name {String}` ein Labelname für den Header
- `url {String}` URL-Adresse für Iframe
- `ready {Function(iframe)}` optional, `onready`-Handler
- `close {Function}` optional, `onclose`-Handler
- `esc {Boolean}` kann die Komponente durch Drücken der `ESC`-Taste schließen (Standard: `false`)
- `width {String}` eine Breite von Iframe (Standard: `100%`)
- `margin {Number}` ein vertikaler Rand (oben/unten) (Standard: `0`)
- __NEU__: `html {String}` ein benutzerdefinierter HTML-Inhalt für den Iframe

Verwenden Sie es mit `<ui-component name="iframeviewer">`. Wenn die Komponente noch nicht geladen ist, lädt jComponent sie bei der ersten Verwendung von der Adresse in `DEF.fallback` herunter (standardmäßig das CDN Componentator). Autor: Peter Širka. Quelle: Componentator-Komponenten-Repository, MIT-Lizenz.

```html example.html
<ui-component name="iframeviewer"></ui-component>

<script>
	SETTER(true, 'iframeviewer/open', { url: 'https://www.totaljs.com', name: 'Total.js', esc: true });
</script>
```