.pdf einbinden

Guten Abend zusammen,

momentan stehe ich ein bischen auf dem berühmten Schlauch: ich möchte / muss ein .pdf Dokument auf einer Seite als Inhaltselement einbinden, so, dass es auch innerhalb der Seite wie ein normales .img oder .png angezeigt wird. Funktioniert so leider nicht - wo liegt das Problem???

Vor der Herausforderung stand ich vor längerer Zeit auch schon mal. Ich habe es damals mit einem <iframe src="url/zum/pdf"> gelöst. Nicht schön, aber es hat (einigermaßen) gut funktioniert.

Hallo,

bei HTML5 würde das mit <embed> funktionieren

z.B. <embed src="deinLink_zum.pdf" width="500" height="500">

Du könntest es aber auch mit <object> einbinden - wobei, soweit ich glaube zu wissen, da in den Browsern das PDF-PlugIn verfügbar sein muss

z.B.
<object data="deinLink_zum.pdf" type="application/pdf" width="480" height="480"></object>

Ich bin neulich auf FlexiPaper gestoßen, da ein Kunde etwas ähnliches will. Noch nicht getestet, sieht aber viel versprechend aus: http://flexpaper.devaldi.com/default.jsp

Danke an alle, werde es ausprobieren.

Hallo,
Ich steh vor dem gleichen Problem.
Wollte fragen ob es dann geklappt hat und wenn ja wie?
Mfg

Hi,

so wie oben von @derRenner beschrieben.
Neues Inhaltselement vom Typ "html" anlegen und folgenden Code einfügen.

HTML-Code:

---

<object data="/files/ggfUnterordnerName/deinPDF.pdf" type="application/pdf" width="100%" height="1200"></object>

---

Eben im FF 59 getestet.

Gruß
tschero

Super hat geklappt. Danke.
Die Grösse kann ich nur über das html angeben/ändern, oder geht das auch über CSS?

Hi,

sollte per css funktionieren.
ID oder Klasse an das <object> vergeben und per css ansprechen.

Gruß
tschero

Zitat:

---

Zitat von tschero

Hi,

sollte per css funktionieren.
ID oder Klasse an das <object> vergeben und per css ansprechen.

Gruß
tschero

---

Leider fehlt beim html Inhaltselement die Möglichkeit eine ID oder Klasse zu vergeben.


Gesendet von iPhone mit Tapatalk

Das machst Du im Code selbst.

HTML-Code:

---

<object id="meinwunschid" class="mein-wunsch-klassen" data="/files/ggfUnterordnerName/deinPDF.pdf" type="application/pdf" width="100%" height="1200"></object>

---

Gruß
tschero

hat geklappt. Vielen Dank.
Super wie schnell und unkompliziert einem hier in diesem Forum geholfen wird!

Zitat:

---

Zitat von tschero

Das machst Du im Code selbst.

HTML-Code:

---

<object id="meinwunschid" class="mein-wunsch-klassen" data="/files/ggfUnterordnerName/deinPDF.pdf" type="application/pdf" width="100%" height="1200"></object>

---

Gruß
tschero

---

Hallo,

wenn ich die pdf-Datei so einbinde, dann passt es am Desktop Bildschirm.
Aber am Handy ist die Datei dann langgezogen/verzehrt.
Das liegt denk ich an dem "height 1200".

Hat jemand eine Lösung, was ich machen muss damit das Grössenverhältniss auch am Handy passt?

Was passiert wenn Du das height einfach weglässt?

Dann passt es am Handy,
aber auf dem Desktop ist es abgeschnitten.

Dann könntest Du versuchen im <object> das height weg zu lassen, eine ID oder Klasse zu vergeben und mit MediaQuerys und CSS zu arbeiten.

Ja so hab ich es dann hinbekommen.
Anhang 22333
Anhang 22334
Anhang 22332

ich bin mir aber nicht sicher, ob das so die beste Lösung ist wie ich es gemacht habe.