הטמעת מציג pdf באתר
-
יש דרך פשוטה להטמיע מציג pdf באתר במקום שיציג אותו ישיר?
הצורך שלי הוא בעיקר למנוע הורדה אוטומטית מיודרת בכניסה מניידים. -
- תוריד מכאן את 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.
-
לא נראה לי שתמצא יותר פשוט מזה
(אם זה אתר בנוי על וורדפרס, יש לך תוסף פה: https://wordpress.org/plugins/pdfjs-viewer-shortcode)
-
@yossiz אולי לא דייקתי.
לא בדיוק הסתדרתי עם זה גם לא השקעתי יותר מדי זמן כשהבנתי שהכתובת לא תהיה מה שאני מעוניין.
אני בעיקרון רוצה שהקובץ יהיה בתיקייה הראשית ויופיע כאן לדוגמא הפורום https://tchumim.com/ -
@yossiz אמר בהטמעת מציג pdf באתר:
@by6199 אפשר לעשות את זה עם הפניות אבל הכי פשוט שדף הראשי של האתר יהיה עם
iframe
שמטמיע בתוכו את הדףweb/viewer.html?file=your-file.pdf
@by6199 הכוונה למשהו כמו כאן
https://jsfiddle.net/nq9efxky/ -
@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 אמר בהטמעת מציג pdf באתר:
iframe src="https://www.0000.co.il/?file=קטלוג.pdf" title="כאן יראו את הPDF שלנו"></iframe>
א. שים את ה-PDF בתיקיית web
ב. תן לקובץ שם באנגלית כדי למנוע סיבוכים מיותרים
ג. צ"ל כך:<iframe src="web/viewer.html?file=file.pdf"></iframe>
-
@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 ׳©׳׳ ׳•">
מה אני צריך לשנות?
פספסת תו אחד. שכחת בצד שמאל את זה: ">"
-
@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>
-
@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>
כמו כן היכן אני מוסיף את ההגדרה שכל קישור ייפתח בכרטיסיה נוספת?
-
@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,
בהצלחה!
-
@yossiz תודה על ההדרכה הצמודה..
1 כעת עובד מצויין, אבל לא פותח בכרטיסיה חדשה למרות ששיניתי את מה שכתבת ל2 במקום 0
2 איך ידעת שהורדתי משהו אחר? הקישור שהבאת מקודם לא כלל את הגירסה הזו? או גילית מה יש על השרת?
אגב זה עזר לי גם שיש לי כעת אנלטיקיס בpdf.. -
@by6199 אמר בהטמעת מציג pdf באתר:
אבל לא פותח בכרטיסיה חדשה למרות ששיניתי את מה שכתבת ל2 במקום 0
זה מוזר, כי בדקתי את זה על שרת שלי וזה עבד... עשית שמירה? רענון?
איך ידעת שהורדתי משהו אחר?
לפי השם של התיקייה:
pdf.js-master
אל תדאג לא פרצתי אליך
2/26