import jsPDF from "jspdf"; // Paste your Base64 string here (truncated for example) const khmerFontBase64 = "AAEAAAAOAIAAAwBgRk...";
const doc = new jsPDF();
npm install jspdf
const puppeteer = require('puppeteer'); async function generateKhmerPDF(htmlContent, outputPath) const browser = await puppeteer.launch(); const page = await browser.newPage(); javascript khmer pdf
// Write Khmer text doc.setFontSize(16); doc.text("សួស្តី ពិភពលោក!", 10, 20); // Hello World!
You need to embed the font as Base64. Use a tool or run this in Node:
Works for 80% of use cases, but very complex stacking may still have issues. Option B: Server-Side with Puppeteer (100% Accurate) The most reliable method: Use a headless Chrome browser (via Puppeteer) to render HTML/CSS with Khmer text, then convert to PDF. Chrome’s layout engine handles Khmer perfectly. import jsPDF from "jspdf"; // Paste your Base64
// Usage const khmerHTML = <h1>សេចក្តីជូនដំណឹង</h1><p>កិច្ចប្រជុំនឹងចាប់ផ្តើមនៅម៉ោង ៣ រសៀល។</p> ; generateKhmerPDF(khmerHTML, 'meeting-notice.pdf');
await page.setContent( <html> <head> <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+Khmer&display=swap" rel="stylesheet"> <style> body font-family: 'Noto Sans Khmer', sans-serif; padding: 40px; </style> </head> <body> $htmlContent </body> </html> );
As Khmer Unicode support improves across browsers and libraries, we can expect better native solutions. Until then, understanding the shaping problem and choosing the right tool will save you hours of debugging broken characters. Have you successfully generated Khmer PDFs? Share your experience or library recommendations in the comments below! Option B: Server-Side with Puppeteer (100% Accurate) The
// Add the Khmer font doc.addFileToVFS("KhmerOSBattambang-Regular.ttf", khmerFontBase64); doc.addFont("KhmerOSBattambang-Regular.ttf", "KhmerOS", "normal"); doc.setFont("KhmerOS");
await page.pdf( path: outputPath, format: 'A4' ); await browser.close();
jsPDF does not perform full Khmer shaping. Simple words might render, but complex words with stacked consonants (e.g., "ក្រសួង" - ministry) will likely break. The subscripts will appear as separate, misplaced characters. Solution 2: The Robust Approach – PDFMake + Harfbuzz For professional Khmer PDF generation, you need a library that integrates a shaping engine . The best combination is PDFMake (easier layout) or Puppeteer (headless browser) with Harfbuzz -enabled font processing. Option A: PDFMake with Custom Khmer Font pdfmake has better font support than jsPDF and can handle some Khmer shaping if the font is properly embedded.
npx base64 KhmerOSBattambang-Regular.ttf > fontBase64.txt