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

[תאו]

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

 

[עם כל המרץ]

הפונקציה print פותחת חלון שיש בו אפשרות לשמירת קובץ PDF במחשב או הדפסה

 

[תאו]

הפונקציה print פותחת חלון שיש בו אפשרות לשמירת קובץ PDF במחשב או הדפסה

נכון זה מה שקיים לי עכשיו ,
השאלה האם יש אפשרות לשמור אוטומטי ?
או לפחות לתת שם לקובץ דרך הקוד ולא ידני ?

 

[ari rm]

בס"ד
אפשר אולי לשמור את הקובץ. בשרת ולתת או לפתוח קישור של הקובץ.

 

[תאו]

אפשר אולי לשמור את הקובץ

איך אפשר לעשות שמירה אוטמטית של הקובץ ?

 

[נחמי מרגלית]

אי אפשר לשמור ישירות מהקלינט ל-file system
האופציה היחידה היא להוריד קובץ
יש הרבה ספריות שממירות html to pdf
ואז להשתמש ב filesaver שמוריד כקובץ

 

[ari rm]

אי אפשר לשמור ישירות מהקלינט ל-file system
האופציה היחידה היא להוריד קובץ

יש אפשרות ע"י node.js השאלה היא אם זה רלוונטי כי זה דורש התקנה,
כלומר: השאלה היא האם זה צריך לעבוד בכל מבקר באתר, או שזה סוג של תוכנה על המחשב, א"כ אז אפשר לעשות להתקין שרת Node על המחשב.

 

[s976]

אי אפשר לשמור ישירות מהקלינט ל-file system
האופציה היחידה היא להוריד קובץ
יש הרבה ספריות שממירות html to pdf
ואז להשתמש ב filesaver שמוריד כקובץ

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

 

[varchar]

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

זו השערה? יש לך? תשתפי.
זו השאלה איך עושים את זה

 

[s976]

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

 

[נחמי מרגלית]

זה דווקא אפשרי במאמץ אפסי. תגגלו.

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

לא רואה גם סיבה שלא תהיה ספרייה ליצירת pdf על קליינט

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

 

[s976]

אוקיי, אז תראו את התיעוד כאן

Data URLs - HTTP | MDN

Data URLs, URLs prefixed with the data: scheme, allow content creators to embed small files inline in documents. They were formerly known as "data URIs" until that name was retired by the WHATWG.

developer.mozilla.org

בעברית בקצרה: כאשר יש לנו תגיד a עם href, זה אומר לדפדפן ללכת לכתוב url שרשומה שם, להביא משם מידע ולהציג (או להוריד). אז יש אפשרות נוספת. שאתה כאילו אומר לדפדפן, עזוב, במקום ללכת לשרת ולבקש ממנו מידע, אני אגיד לך כבר כאן ועכשיו מה השרת כאילו אמור לענות לך.
בשביל זה כאשר מגידירים ערך של href במקום הקדומת http (שזה אומר לדפדפן תשתמש בפרוטוקול זה בשביל להביא מידע) נרשום data (כלומר, אל תלך לשום מקום, הנה לך מידע הדרוש מוכן ומזומן)
תנסו להכניס את זה לדף html וללחוץ

<a href="data:text/plain;charset=utf-8,Shalom" download="ttt.txt">Download file generated on client</a>

 

[KATZ]

יש את ספריית jspdf, אפשר להשתמש בו גם בצד client, עקב ייחודו לשפת javascript.

 

[this my name]

יש את ספריית jspdf, אפשר להשתמש בו גם בצד client, עקב ייחודו לשפת javascript.

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

 

[KATZ]

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

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

import jsPDF from 'jspdf'

import './Rubik-Italic-normal.js'
import './FbShefaClassic-Regular-normal.js'
import './FbShefaClassic-Bold-normal.js'

      
const doc = new jsPDF();

doc.setR2L(true);
doc.setFont('FbShefaClassic-Bold')
doc.setFontSize(16)
doc.text(title, 200, 10, null, null, "right");
doc.setFont('FbShefaClassic-Regular')
doc.setFontSize(8)
doc.text(title2, 200, 15, null, null, "right");
doc.text(title3, 200, 20, null, null, "right");
doc.setFont('FbShefaClassic-Bold')
doc.setFontSize(16)
doc.text('קבלה מס:  ' , 100, 55);

doc.save(namefile + '.pdf');

 

[this my name]

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

 

[KATZ]

לי עבד/עובד.

 

[this my name]

מענין, תודה
אבדוק את זה

 

[תאו]

הצלחתי ליצור קובץ PDF אבל הוא חותך לי חלק גדול מהתוכן ...
עשיתי את זה בצורה של CANVAS שמירה כתמונה וייצוא לPDF
איזה גודל צריך להגדיר בשביל שיתאים לA4?

htmltoPDF()
{
html2canvas(document.querySelector("#pdfTable")).then(canvas => {
var pdf = new jsPDF("p", "mm", [297, 210]);;
var imgData = canvas.toDataURL('image/jpeg', 1.0);
pdf.addImage(imgData, 'JPEG', 10, 10, 180, 150);
this.pdfName =this.str1.concat(this.str2);
pdf.save(this.pdfName);
});
}

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

אם משהו יוכל לעזור לי אשמח מאד
תודה רבה

 

[KATZ]

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

עשית import ?