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
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.