שמירת הדפסה כקובץ PDF באנגולר

[תאו]

עשית import ?

כן , הוא מזהה את jsPDF , אבל לא את הפונקציות ..

הוא רושם : Property .... ' does not exist on type 'jsPDF'

 

[KATZ]

יש כאן פיתרון לזה

 

[תאו]

יש כאן פיתרון לזה

ERROR ReferenceError: jsPDF is not defined

 

[נסיון9876]

מענין כי ממה שאני יודעת שמירה רגילה חסומה בגלל אבטחה (כל אתר שאני פותחת יוכל להשתלט לי על המחשב?)
האופציה היחידה היא לעשות download

ככל הידוע לי מה שחסום מטעמי אבטחה זה האפשרות לשמור במקום ספציפי בתוך מערכת הקבצים של הלקוח.
אך אפשרי להוריד למקום שמוגדר בברירת המחדל של הדפדפן או לחילופין לפתוח חלון למשתמש שיבחר היכן הוא רוצה לשמור את הקובץ.
(מקווה אני אכן זוכרת נכון)

 

[תאו]

ככל הידוע לי מה שחסום מטעמי אבטחה זה האפשרות לשמור במקום ספציפי בתוך מערכת הקבצים של הלקוח.
אך אפשרי להוריד למקום שמוגדר בברירת המחדל של הדפדפן

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

 

[תאו]

יש כאן פיתרון לזה

זה נופל כבר בהגדרה : const doc = new jsPDF();

השגיאה המתקבלת : jsPDF is not defined
at OrComponent.downloadPdf

 

[this my name]

זה נופל כבר בהגדרה : const doc = new jsPDF();

השגיאה המתקבלת : jsPDF is not defined
at OrComponent.downloadPdf

יש import מתאים?
והגדרה?

 

[תאו]

יש import מתאים?
והגדרה?

כן

 

[KATZ]

זה נופל כבר בהגדרה : const doc = new jsPDF();

השגיאה המתקבלת : jsPDF is not defined
at OrComponent.downloadPdf

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

 

[תאו]

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

כשאני מנסה import -

import * as jsPDF from 'jspdf';

הוא לא מכיר את הפונק' של jsPDF (fromHtml)

אני אני משנה את הImport כמשתנה הוא מכיר אבל מציג שגיאה :

declare let jsPDF;

הוא נופל על השורה :

const doc = new jsPDF();

ורושם :
ERROR ReferenceError: jsPDF is not defined
at OrComponent.downloadAsPDF

 

[KATZ]

הוא לא מכיר את

doc.FromHtml()

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

מקובל להשתמש בשיטה

doc.text('hllow', 15, 15)

 

[תאו]

מקובל להשתמש בשיטה

כל הרעיון שיקח מה HTML של הקומפיננטה את התוכן ....

 

[this my name]

כל הרעיון שיקח מה HTML של הקומפיננטה את התוכן ....

אז לוקחים את הinnerHTML

 

[KATZ]

תנסה כך

var raw = document.getElementById('html');
    var doc = new jsPDF();
    doc.html(raw, {
      callback: function (doc) {
        doc.save('doc.pdf');
      }
    });

 

[תאו]

var raw = document.getElementById('html'); var doc = new jsPDF(); doc.html(raw, { callback: function (doc) { doc.save('doc.pdf'); } });

זה כבר מתחיל להדפיס משהו אבל ג'יבריש'

 

[KATZ]

יפה עכשיו הגעת לנקודה אחרת, בכדי להציג עברית ב- jspdf, צריך להמיר גופן התומך בעברית ל- יוניקוד.
יש כלי שפיתחו במיוחד לצורך זה, הכלי ממיר את הגופן ומוריד לך קובץ עם סיומת JS, אותה יש לשמור בתיקיית הפרוייקט,
ראה לעיל בפוסט הזה

 

[תאו]

יפה עכשיו הגעת לנקודה אחרת, בכדי להציג עברית ב- jspdf, צריך להמיר גופן התומך בעברית ל- יוניקוד.
יש כלי שפיתחו במיוחד לצורך זה, הכלי ממיר את הגופן ומוריד לך קובץ עם סיומת JS, אותה יש לשמור בתיקיית הפרוייקט,
ראה לעיל בפוסט הזה

אכן הוא מדפיס בעברית !!
רשמתם שם שצריך לרשום rigth בשביל להפוך את כיוון האותיות ... הוא לא הופך לי את כיוון האותיות , אלא מעביר את כל הטקסט לצד ימין ..
המילים נשארות הפוכות

 

[KATZ]

המילים נשארות הפוכות

תנסו להוסיף את זה לפני הגדרת התוכן:

doc.setR2L(true);

 

[תאו]

יש אפשרות שחלק מהתוכן של הPDF יהיה טבלה וחלק טקסט ?

 

[KATZ]

יש תוסף מיוחד לשילוב טבלאות בתוך ה- PDF, מאוד מומלץ!

jspdf-autotable

Generate pdf tables with javascript (jsPDF plugin). Latest version: 5.0.2, last published: 6 months ago. Start using jspdf-autotable in your project by running `npm i jspdf-autotable`. There are 420 other projects in the npm registry using jspdf-autotable.

www.npmjs.com