ماهي مكاتب تصدير PDF من Nextjs تدعم للغه العربية

Mansour Hussen · منذ 8 ساعة

مرحباً ان جربت مكتبه @react-pdf/renderer لكن لا تدعم عربي

import {
  Document,
  Page,
  renderToStream,
  StyleSheet,
  Text
} from '@react-pdf/renderer';
import { NextResponse } from "next/server";

// Register font
// Font.register({
//   family: "Cairo",
//   src: "http://fonts.gstatic.com/s/cairo/v1/uOhP6W00Hd6dR_axcPy22Q.ttf",
// });

// Define styles
const styles = StyleSheet.create({
  rtlText: {
    fontFamily: "Cairo",
    backgroundColor: "red",
    direction: "rtl",
    textAlign: "center",
  },
});

// Define the PDF document
const Invoice = () => (
  <Document>
    <Page>
      <Text style={styles.rtlText}>مرحبًا بك في @r</Text>
    </Page>
  </Document>
);

// API route handler
export async function GET(request) {
  try {
    const pdfStream = await renderToStream(<Invoice />);
    return new NextResponse(pdfStream, {
      headers: {
        "Content-Type": "application/pdf",
        "Content-Disposition": `inline; filename="invoice.pdf"`,
      },
    });
  } catch (e) {
    return new NextResponse("Failed to generate PDF", { status: 500 });
  }
}

ياسر مسكين · منذ 8 ساعة

توجد مكتبات مثل jsPDF وpdfmake توفر دعما أفضل للغات التي تكتب من اليمين إلى اليسار كالعربية، وهذه المكتبات تسمح بتسجيل الخطوط العربية وضبط اتجاه الكتابة بسهولة يمكنك محاولة تحسين استخدام @react-pdf/renderer عن طريق تسجيل الخطوط العربية بشكل صحيح واستخدام خصائص CSS مثل writingMode: 'rtl' لتحسين عرض النص العربي ففي بعض الحالات، قد تحتاج إلى استخدام مكتبات إضافية مثل bidi-js لمعالجة النص قبل عرضه في PDF فقد لا تجد مكتبة شاملة وكاملة لذا قد يتعين التعديل للتحسين من العرض.

محمد عاطف17 · منذ 8 ساعة

نعم يوجد الكثير من المكتبات التي تدعم اللغة العربية في ملفات ال pdf :

pdf-lib: مكتبة قوية ومفيدة لإنشاء وتعديل ملفات PDF يمكنها التعامل مع النصوص باللغة العربية ولكنك قد تحتاج إلى ضبط الخطوط بشكل صحيح لدعم الكتابة من اليمين لليسار (RTL) وهذا رابط المكتبة على github :
- https://github.com/Hopding/pdf-lib
jspdf: مكتبة شائعة لإنشاء ملفات PDF من اكواد HTML . توفر إستخدام العديد من اللغات بما في ذلك اللغة العربية، لكنك قد تحتاج إلى استخدام خطوط خاصة باللغة العربية ووهذا رابط المكتبة على github :
- https://github.com/parallax/jsPDF
pdfmake: مكتبة جيدة لإنشاء ملفات PDF. تدعم الكتابة من اليمين لليسار وتوفر دعم للغة العربية وهذا هو رابط المكتبة على github :
- https://github.com/bpampuch/pdfmake

ماهي مكاتب تصدير PDF من Nextjs تدعم للغه العربية

السؤال

Mansour Hussen

رابط هذا التعليق

شارك على الشبكات الإجتماعية

2 أجوبة على هذا السؤال

Recommended Posts

ياسر مسكين

رابط هذا التعليق

شارك على الشبكات الإجتماعية

محمد عاطف17

رابط هذا التعليق

شارك على الشبكات الإجتماعية

انضم إلى النقاش

إعلانات

تابعنا على

الرئيسية

تابعنا

دروس ومقالات

أسئلة وأجوبة

كتب

دورات

بطاقات هدية