הטמעת מציג pdf באתר

[by6199]

יש דרך פשוטה להטמיע מציג pdf באתר במקום שיציג אותו ישיר?
הצורך שלי הוא בעיקר למנוע הורדה אוטומטית מיודרת בכניסה מניידים.

[yossiz]

• תוריד מכאן את PDFJS
• חלץ אותו לשרת
• להצגת PDF בדפדפן, תפנה לדף: web/viewer.html?file=your-file.pdf

נ.ב. כבד את בקשת המפתחים:

However, we do ask if you plan to embed the viewer in your own site, that it not just be an unmodified version. Please re-skin it or build upon it.

[yossiz]

@by6199
בנוגע לשאלתך כאן
אפשר להגדיר אופציה בספריה זו לפתוח כל קישור בטאב נפרד, אבל זה כבר טיפה יותר מסובך.
האופציה היא: 2:externalLinkTarget

[by6199]

@yossiz לא בדיוק הסתדר לי, תודה על המאמץ

[yossiz]

@by6199

לא נראה לי שתמצא יותר פשוט מזה

(אם זה אתר בנוי על וורדפרס, יש לך תוסף פה: https://wordpress.org/plugins/pdfjs-viewer-shortcode)

[by6199]

@yossiz אולי לא דייקתי.
לא בדיוק הסתדרתי עם זה גם לא השקעתי יותר מדי זמן כשהבנתי שהכתובת לא תהיה מה שאני מעוניין.
אני בעיקרון רוצה שהקובץ יהיה בתיקייה הראשית ויופיע כאן לדוגמא הפורום https://tchumim.com/

[yossiz]

@by6199 זה גם אפשרי

[by6199]

@yossiz לצערי לא בדיוק הבנתי איך.
אז עזבתי יחסית מהר.
אם תוכל להסביר מעט אשמח

[yossiz]

@by6199 אפשר לעשות את זה עם הפניות אבל הכי פשוט שדף הראשי של האתר יהיה עם iframe שמטמיע בתוכו את הדף web/viewer.html?file=your-file.pdf

[chagold]

@yossiz אמר בהטמעת מציג pdf באתר:

@by6199 אפשר לעשות את זה עם הפניות אבל הכי פשוט שדף הראשי של האתר יהיה עם iframe שמטמיע בתוכו את הדף web/viewer.html?file=your-file.pdf

@by6199 הכוונה למשהו כמו כאן
https://jsfiddle.net/nq9efxky/

[by6199]

@chagold אפשר קצת הסבר?
העליתי את הקובץ חילצתי לשרת, בתיקייה הראשית עשיתי קובץ index.html שם הכנסתי את התוכן.

iframe src="https://www.0000.co.il/?file=קטלוג.pdf" title="כאן יראו את הPDF שלנו"></iframe>

בפועל מה שרואים כעת זה.

iframe src="https://www.0000.co.il/?file=׳§׳˜׳œ׳•׳’.pdf" title="׳›׳׳Ÿ ׳™׳¨׳׳• ׳׳× ׳”PDF ׳©׳œ׳ ׳•">

מה אני צריך לשנות?

[yossiz]

@by6199 אמר בהטמעת מציג pdf באתר:

iframe src="https://www.0000.co.il/?file=קטלוג.pdf" title="כאן יראו את הPDF שלנו"></iframe>

א. שים את ה-PDF בתיקיית web
ב. תן לקובץ שם באנגלית כדי למנוע סיבוכים מיותרים
ג. צ"ל כך:

<iframe src="web/viewer.html?file=file.pdf"></iframe>

[chagold]

@by6199 אמר בהטמעת מציג pdf באתר:

@chagold אפשר קצת הסבר?
העליתי את הקובץ חילצתי לשרת, בתיקייה הראשית עשיתי קובץ index.html שם הכנסתי את התוכן.

iframe src="https://www.0000.co.il/?file=קטלוג.pdf" title="כאן יראו את הPDF שלנו"></iframe>

בפועל מה שרואים כעת זה.

iframe src="https://www.0000.co.il/?file=׳§׳˜׳œ׳•׳’.pdf" title="׳›׳׳Ÿ ׳™׳¨׳׳• ׳׳× ׳”PDF ׳©׳œ׳ ׳•">

מה אני צריך לשנות?

פספסת תו אחד. שכחת בצד שמאל את זה: ">"

[by6199]

@chagold עדיין לא עובד מציג 404 למרות שהקובץ קיים.
מה שכן אני רואה שהוא בנוי להציג בצורה מאוד קטנה ולא נוחה לשימוש

[yossiz]

@by6199

@yossiz אמר בהטמעת מציג pdf באתר:

א. שים את ה-PDF בתיקיית web
ב. תן לקובץ שם באנגלית כדי למנוע סיבוכים מיותרים
ג. צ"ל כך:
<iframe src="web/viewer.html?file=file.pdf"></iframe>

מה שכן אני רואה שהוא בנוי להציג בצורה מאוד קטנה ולא נוחה לשימוש

שנה אותו שיצג על כל הדף:

<iframe src="web/viewer.html?file=file.pdf" width="100%" height="100%"></iframe>

[by6199]

@yossiz תודה זה כרגע מציג על כל הדף.
אבל את הקובץ עצמו הוא לא מציג אלא 404
הקובץ יושב כאן

http://0000.co.il/pdf.js-master/web/file.pdf

ומוגדר

<iframe src="web/viewer.html?file=file.pdf" width="100%" height="100%"></iframe>

כמו כן היכן אני מוסיף את ההגדרה שכל קישור ייפתח בכרטיסיה נוספת?

[yossiz]

@by6199
כמעט הגענו ליעד!
רק כמה תיקונים

א. לא הורדת את הדבר הנכון
(זה לא מעכב אבל הביצועים יהיו יותר טובים את תוריד את הנכון)
תוריד את זה: https://github.com/mozilla/pdf.js/releases/download/v2.3.200/pdfjs-2.3.200-dist.zip

ב. אחרי החילוץ לתקיית השורש של השרת יהיה לנו מבנה כזאת:

──pdfjs-2.3.200-dist
    │   LICENSE
    │
    ├───build
    │       pdf.js
    │       pdf.js.map
    │       pdf.worker.js
    │       pdf.worker.js.map
    │
    └───web
        │   compressed.tracemonkey-pldi-09.pdf
        │   debugger.js
        │   viewer.css
        │   viewer.html
        │   viewer.js
        │   viewer.js.map
        │
        ├───cmaps
        │       ....
        │
        ├───images
        │       ....
        │
        └───locale
                ....

שים את ה-PDF בתקיית Web. נקרא לו לצורך העניין file.pdf.

ג. בדף הראשי תכתוב:

<iframe src="/pdfjs-2.3.200-dist/web/viewer.html?file=file.pdf" width="100%" height="100%"></iframe>

ד. כדי לפתוח קישורים בכרטיסייה נוספת:

• תפתח את הקובץ viewer.js מתוך תקיית web בעורך טקסט
• חפש את השורה:

      "externalLinkTarget": 0,

החלף ב:

      "externalLinkTarget": 2,

בהצלחה!

[by6199]

@yossiz תודה על ההדרכה הצמודה..
1 כעת עובד מצויין, אבל לא פותח בכרטיסיה חדשה למרות ששיניתי את מה שכתבת ל2 במקום 0
2 איך ידעת שהורדתי משהו אחר? הקישור שהבאת מקודם לא כלל את הגירסה הזו? או גילית מה יש על השרת?
אגב זה עזר לי גם שיש לי כעת אנלטיקיס בpdf..

[yossiz]

@by6199 אמר בהטמעת מציג pdf באתר:

אבל לא פותח בכרטיסיה חדשה למרות ששיניתי את מה שכתבת ל2 במקום 0

זה מוזר, כי בדקתי את זה על שרת שלי וזה עבד... עשית שמירה? רענון?

איך ידעת שהורדתי משהו אחר?

לפי השם של התיקייה: pdf.js-master אל תדאג לא פרצתי אליך

[yossiz]

@by6199 בדקתי באתר וזה עובד כמצופה, לא?