Inhalt
Die Idee
Das Plugin Embedded-HTML ist ein Tool für Nutzerinnen und Nutzer, die genau wissen, was sie tun. Die Idee dazu entstand auf Wunsch eines Studenten, der fragte, ob sich ein kleines HTML-Spiel zu den Griffen auf einem E-Bass in die OMA integrieren lasse. Technisch wäre das über das iFrame-Plugin möglich gewesen, jedoch hatte der Student keinen eigenen Webspace, um sein Tool zu veröffentlichen. Seine Arbeit bestand aus einer statischen HTML-Seite sowie der dazugehörigen Stylesheet- (CSS) und JavaScript-Datei (JS). Genau für dieses Problem entstand das Embedded-HTML-Plugin als Lösung: Es beitet die Möglichkeit, kleine interaktive Anwendungen (< 1 MB) direkt in die OMA zu integrieren. Das folgende Beispiel zeigt das Plugin in Aktion:
Verwendungen
Um das Plugin Embedded-HTML nutzen zu können, benötigt man drei Dateien, die ohne Server funktionieren müssen, die vom Plugin zusammengebaut über eine Sandbox bereitgestellt werden:
- eineHTML-Datei
- eine CSS-Datei. und ggf.
- eine JavaScript-Datei.
Diese Dateien können über die entsprechende Schaltfläche des Plugins im Editier-Modus auf den OMA-Server hochgeladen werden:
Mit dem Feld Höhe lässt sich – wie beim iFrame-Plugin – die Höhe der Ansicht im Ansichts-Modus steuern. Wird diese passend gewählt, integriert sich das Plugin nahtlos in ein OMA-Dokument, ohne sichtbare Ränder oder störende Abstände.
Anmerkung:
Wird im Handy die Ansicht gedreht, kann es sein, dass die Höhe des Embedded-HTML-Plugin nicht mehr korrekt angezeigt wird. Eine Aktualisierung der Ansicht löst das Problem.
Achtung!
Dieses Plugin ermöglicht bei entsprechenden Kenntnissen Eingaben, die mit den Compliance-Regeln der OMA nicht kompatibel sind und das einheitliche Erscheinungsbild der Seite stören. Bitte informieren dich hier und besprich dein Vorhaben ggf. mit einem Maintainer oder Administrator. Sollten deine Eingaben in dem Plugin das Erscheinungsbild der OMA stören, werden sie (auch in Zweifelsfällen) von der Redaktion gelöscht!
Im folgende Beispiel zeigt dieselbe Texteingabe, diesmal jedoch mit einer Manipulation des Document Object Models (DOM) durch das Embedded-HTML-Plugin:
Das Beispiel veranschaulicht, wie weitreichend die Möglichkeiten sind, über das Embedded-HTML-Plugin in das Layout der einzugreifen. Es zeigt aber auch, wie schnell sich das einheitliche Erscheinungsbild der OMA zerstören lässt, wenn man nach persönlichem Geschmack an Farben und Layout herumspielt. Dafür wurde dieses Plugin nicht entwickelt!
Das Plugin ist für Anwendungsfälle gedacht, die einen echten Mehrwert für das Lernen bieten, also für Funktionalitäten, die sich sinnvoll in die OMA integrieren lassen. Es ist für Personen gedacht, die HTML-, CSS- und JavaScript-Kenntnisse haben, die sich jedoch nicht an die Aufgabe heranwagen, ein eigenes Plugin für die OMA zu entwickeln.