PDF-Dateien einbetten

Sie wollen PDF-Dateien in Moodle eingebettet anzeigen lassen. Dies können Sie über zwei Wege. Zum Einen können Sie ganz normal ein PDF hochladen und für die Datei die Einbetten-Darstellung wählen. Zum Anderen können Sie mit Hilfe des Text-Editors an fast jeder beliebigen Stelle in Moodle ein PDF einbetten.

Hier möchten wir Ihnen beide Varianten zeigen.

Diese Variante ist am einfachsten. Das eingebettete PDF ist jedoch nur sichtbar, wenn im Moodle-Kurs auf die Datei geklickt wird.

Laden Sie hierzu die PDF-Datei hoch. Entweder per Drag & Drop wie in der FAQ Lernmaterial hochladen beschrieben. Oder per „Aktivität oder Material anlegen“ > „Datei“.

In den Einstellungen der Datei können Sie im Bereich Darstellung die Option Einbetten auswählen. Speichern Sie.

Wenn Sie nun im Kurs auf die Datei klicken, wird eine Unterseite geöffnet, auf der das PDF eingebettet dargestellt wird.

Bereich „Darstellung“ in den Einstellungen einer Datei
Bereich „Darstellung“ in den Einstellungen einer Datei

Diese Variante ist etwas aufwendiger, erlaubt jedoch eine PDF-Einbettung an fast jeder beliebigen Stelle im Moodle-Kurs, z.B. direkt auf der Kursseite oder auf einer Unterseite, in den Arbeitsmaterialien „Buch“ und „Lektion“ usw.

Im Folgenden erzeugen wir hier exemplarisch eine Textseite, die ein eingebettetes PDF-Dokument enthält. Das PDF wird dabei auf die verfügbare Breite skaliert. Weitere Absätze und Formatierungen auf der Textseite bleiben erhalten.

Die Anleitung ist grundsätzlich auf andere Szenarien (Nutzung von Text- und Medienfeld auf der Kursseite, Buch, Lektion, …) übertragbar, in denen der Text-Editor genutzt wird.

1. Schritt: Hochladen der PDF-Datei

Text-Editor
Text-Editor

Schreiben Sie im Text-Editor in den Textbereich ein beliebiges Wort, hier z.B. „PDF“, und markieren Sie es. Anschließend klicken Sie auf den Button „Link einfügen“.

Im sich öffnenden Dialog klicken Sie auf das Feld „Repositories durchsuchen“. Wählen Sie nun „Datei hochladen“ und nach Klick auf „Datei auswählen“ ihre PDF-Datei aus. Anschließend mit „Datei hochladen“ bestätigen.

Dateiauswahl
Dateiauswahl

2. Schritt: PDF-Dokument einbetten

Um nun das PDF-Dokument einzubetten, müssen Sie im Text-Editor in den HTML-Modus wechseln. Klicken Sie dazu auf den Reiter Werkzeuge und anschließend auf <> Quellcode.

Es öffnet sich ein Fenster mit Code, der dem unten dargestellten ähneln sollte.

in HTML-Modus wechseln
in HTML-Modus wechseln
Quellcode
Quellcode

Ergänzen Sie darunter den folgenden Code:

<center><iframe src="PDF" style="width: 100%; height: 1000px;" quality="high" type="application/pdf"></iframe></center>

Ersetzen Sie im Code hinter „iframe src=“ das Wort PDF durch die URL zu Ihrer hochgeladenen PDF-Datei (s. Abbildung „Quellcode“). In diesem Fall müsste das Ergebnis wie folgt aussehen:

<center><iframe src="https://moodle.tu-darmstadt.de/draftfile.php/26/user/draft/145351869/Infoblatt%20OpenLearnWare.pdf" style="width: 100%; height: 1000px;" quality="high" type="application/pdf"></iframe></center>

Löschen Sie nun die ursprüngliche Verlinkung (s. Abbildung „Quellcode“) raus und speichern Sie im Quellcode-Fenster. Dieses wird daraufhin geschlossen und es wird im Editor noch ein leerer Kasten angezeigt. Speichern Sie die Änderungen und lassen Sie sich den Inhalt anzeigen. Dort sollte nun das PDF angezeigt werden.