i

Interaktive Elemente

Du kannst im Schulbuch viele interaktive Elemente verwenden, die in den folgenden Unterkapiteln beschrieben sind. Für einige Elemente gibt es spezielle Anforderungen, die auf der jeweiligen Seite beschrieben sind.

Custom Elements/eigene Elemente auf inf-schule einbinden

Der folgende Abschnitt beschreibt die Einbindung in die Archtektur des Schulbuchs und wird nur benötigt, wenn man selbst eigene Elemente programmieren und zur Verfügung stellen will. Er ist nicht nötig, wenn man die in den Unterkapiteln beschriebene Elemente nur nutzen möchte.

Damit das Element auf einer Inhaltsseite genutzt werden kann, müssen alle JS-Dateien im Repository unter folgendem Pfad abgelegt werden: ./assets/thirdparty/projektname/js/

Die nötigen CSS-Dateien analog unter: ./assets/thirdparty/projektname/css/

Im Anschluss muss das Element als Feature registriert werden. Dafür muss die Datei ./site/plugins/inf-schule/config/features.json angepasst werden. Hier werden die Ordner zu den Dateien dem Featurenamen zugeordnet. Die JS-Datien werden dabei als module eingebunden, um Seiteneffekte zu vermeiden.

"projektname": {
    "jsModuleFolder": [
        "assets/thirdparty/projektname/js/"
    ],
    "cssFolder": [
        "assets/thirdparty/projektname/css/"
    ]
}
Damit das Element auf einer Inhaltsdatei genutzt werden kann, muss es über das Attribut features geladen werden. In unserem Beispiel über features: projektname. Das Element kann jetzt an passender Stelle in der Inhaltsdatei über das festgelegte HTML-Tag eingebunden werden.

Suche

v
17.6.3.4
dev.inf-schule.de/infschule/dokumentation/kapitel-erstellen/interaktive-elemente
dev.inf-schule.de/17.6.3.4
dev.inf-schule.de/@/page/3fmDoSq0YBejS4pa

Rückmeldung geben