איך לבנות סטודיו להערות על מסמכים בדפדפן
צוותים שעובדים עם חוזים, חשבוניות או ראיות זקוקים ליותר מאשר תצוגן (viewer) פשוט. הם זקוקים לדרך לאסוף דפים ממקורות שונים מבלי להעלות קבצים רגישים לשרת.
ניתן לבנות סטודיו להערות על מסמכים בצד הלקוח (client-side) באמצעות TypeScript, Vite וכלים של Dynamsoft.
אפליקציה זו מאפשרת לכם:
- לפתוח קבצי PDF ותמונות.
- להוסיף קבצים חדשים למסמך קיים במקום להחליפו.
- ללכוד דפים ישירות מסורקן (scanner).
- להוסיף סימני טשטוש (redaction) ניתנים להזזה וחותמות אישור.
- למחוק דפים לא רצויים.
- לייצא מסמכים מוכנים כ-PDF, PNG, JPEG או TIFF.
טכנולוגיות (Technical Stack):
- Node.js 18+
- Dynamsoft Document Viewer (DDV) v4
- Dynamic Web TWAIN (DWT)
- Vite and TypeScript
לוגיקה מרכזית (Key Logic):
במקום להחליף את הקובץ הנוכחי, השתמשו ב-doc.loadSource(source, index) כדי להוסיף דפים. זה מאפשר לכם ליצור מסמך יחיד ממספר תמונות וקבצי PDF שונים.
עבור סורקים, השתמשו ב-bridge של Dynamic Web TWAIN. מכיוון שדפדפנים אינם כוללים API סטנדרטי לסורקים, DWT מספק את החיבור לחומרה. ניתן להפוך תמונות סרוקות ל-PDF blob ולהוסיף אותן לתצוגן שלכם באופן מיידי.
לצורך אבטחה, השתמשו בהערות redaction. ניתן ליצור מלבן שחור מעל טקסט רגיש. משתמשים יכולים להזיז או לשנות את גודל הסימן הזה לפני שהוא מוחל לצמיתות על המסמך.
הייצוא גמיש. ניתן לבחור במצבי PDF שונים:
- Annotation mode: שומר על הסימנים ניתנים לעריכה.
- Flatten mode: "שורף" את הסימנים לתוך הדף.
- Image mode: הופך דפים לתמונות.
גישה זו שומרת על כל העיבוד בצד הלקוח. הנתונים שלכם נשארים פרטיים ומאובטחים.