كيفية عمل نموذج استمارة او وثيقة لطباعتها Javascript

يمكنك استعمال إحدى المكتبات التالية لتوليد الملفات بصيغة PDF لسهولة طباعتها:

html2pdf , pdfkit, jsPDF وجميع هذه المكتبات يمكنك إيجادها ضمن npm ولها توثيق كامل لطريقة الاستخدام سواء ضمن المتصفح (من طرف المستخدم) أو حتى ضمن خادم الويب في حال كان تطبيقك يقوم بالتخاطب مع خادم ويب node.js.

يمكنك أيضاً الاستفادة من المثال الموجود ضمن هذا السؤال:

بتاريخ 1 ساعة قال Sam Ahw:

يمكنك استعمال إحدى المكتبات التالية لتوليد الملفات بصيغة PDF لسهولة طباعتها:

html2pdf , pdfkit, jsPDF وجميع هذه المكتبات يمكنك إيجادها ضمن npm ولها توثيق كامل لطريقة الاستخدام سواء ضمن المتصفح (من طرف المستخدم) أو حتى ضمن خادم الويب في حال كان تطبيقك يقوم بالتخاطب مع خادم ويب node.js.

يمكنك أيضاً الاستفادة من المثال الموجود ضمن هذا السؤال:

نعم لدي فكرة عن هته المكتبات لكنني احتاح الى التعديل على الوصفة قبل طباعتها احيانا , وبالتالي فان صيغة pdf لا تساعدني , 

بتاريخ 8 دقائق مضت قال Oussama Moumni:

نعم لدي فكرة عن هته المكتبات لكنني احتاح الى التعديل على الوصفة قبل طباعتها احيانا , وبالتالي فان صيغة pdf لا تساعدني , 

صيغة PDF فقط للطباعة وهي ليست ثابتة، جميع هذه المكتبات المذكورة تتيح لك إمكانية إضافة البيانات بشكل ديناميكي على القالب الذي ستقوم بإضافته مباشرةً قبل الطباعة.

بتاريخ الآن قال Sam Ahw:

صيغة PDF فقط للطباعة وهي ليست ثابتة، جميع هذه المكتبات المذكورة تتيح لك إمكانية إضافة البيانات بشكل ديناميكي على القالب الذي ستقوم بإضافته مباشرةً قبل الطباعة.

لا اقصد البيانات بل اريد ان يتمكن المستخدم من التعديل على الوصفة قبل الطباعة 

بتاريخ 2 ساعات قال Oussama Moumni:

لا اقصد البيانات بل اريد ان يتمكن المستخدم من التعديل على الوصفة قبل الطباعة 

أي تعديل على المحتوى كاملاً سواء بيانات أو أي شيء آخر سيكون ضمن الشيفرة البرمجية نفسها وبالتالي لك حرية التعديل على أي شيء سيتم طباعته أو سيظهر للمستخدم قبل الطباعة.

اطلع على هذه المكتبات وتوثيقها وحاول تطبيق بعض الأمثلة لفهم الفكرة بصورة أفضل أثناء التطبيق العملي

بتاريخ 1 دقيقة مضت قال Sam Ahw:

أي تعديل على المحتوى كاملاً سواء بيانات أو أي شيء آخر سيكون ضمن الشيفرة البرمجية نفسها وبالتالي لك حرية التعديل على أي شيء سيتم طباعته أو سيظهر للمستخدم قبل الطباعة

كيف ذلك ؟؟

لا يمكننا كتابة الحل كاملاً دون الاطلاع على مشروعك وكامل تفاصيله وماتحاول تحقيقه فعلياً. هل قرأت الأمثلة والتوثيق الموجود ضمن المكتبات؟

حاول قراءة الأمثلة وتطبيقها لتعلّم استخدام المكتبات في مشروعك، على سبيل المثال يتم في مكتبة jspdf استخدام التابع text لتغيير النصوص ضمن الصفحة:

doc.text("Hello world!", 1, 1);

حيث يمكنك استبدال الجملة بمتغيّر يقوم المستخدم بإدخاله، كما يمكنك إضافة صور، نصوص، تغيير مواقع العناصر،.. إلخ.