jsPDF Unicode Languages Support

[VahidFarahmandian]

I have problem using Unicode characters. I have tested using basic.html but still no success.
I have read the issues related to this problem too but still no success.

Here is what I have done based on the examples/basic.html:

    var BNAZANIN = "AAEAAAAQAQAA....";//shortened. Font is encoded using fontconverter/fontconverter.html 
    var doc = new jsPDF();
    doc.addFileToVFS("BNAZANIN-normal.ttf", BNAZANIN);
    doc.addFont('BNAZANIN-normal.ttf', 'BNAZANIN-normal', 'normal');
    doc.setFont('BNAZANIN-normal'); // set font
    doc.text("سلام hello", 10, 10);
    doc.save('test.pdf');

as you see we need to see "سلام hello" in the output, but the generated output is as below:

If I use doc.text("hello", 10, 10); still the output is same! Below is the code based on basic.html:

Is there any thing wrong with my code?

[Uzlopak]

If you want to use the Arabic parser in 1.4.1 you have to mark the text with the language option. In the next release it will be automatically recognize arabic letters without the language option set.

For an example look /tests/Unicode/Arabic.spec.js

[VahidFarahmandian]

Thank you @arasabbasi for the quick reply. I checked the spec file, now I have another problem: Arabic/Persian characters in many cases needs to stick to each other.

We need to see الف. but what jsPDF generates is ف ل ا

The order of characters is also generated in reverse order.

Here is the output:

Here is my code:

const BNAZANIN = "AAEAAAAQA...";
const doc = new jsPDF({filters: ['ASCIIHexEncode']});
    
doc.addFileToVFS("BNAZANIN-normal.ttf", BNAZANIN);
doc.addFont('BNAZANIN-normal.ttf', 'BNAZANIN', 'normal');
  
doc.setFont('BNAZANIN'); // set font
doc.setFontSize(10);

doc.text("الف a", 10, 10);

doc.save('test.pdf');

[Uzlopak]

Oh I forgot, that I already updated the tests for the new version.

doc.text(["إذا لم تستح فاصنع ما شئت", "إذا لم تستح", "فاصنع ما شئت"], 200, 10, {lang: 'ar', align: 'right'});

[VahidFarahmandian]

Oh I forgot, that I already updated the tests for the new version.

doc.text(["إذا لم تستح فاصنع ما شئت", "إذا لم تستح", "فاصنع ما شئت"], 200, 10, {lang: 'ar', align: 'right'});

Great @arasabbasi

It works fine for texts that are only contains Arabic/Persian characters. But in case where I am mixing the Arabic characters with English characters nothing is shown in the output.

Here is my code:

doc.text("سلام Hello", 200, 10, {lang: 'ar', align: 'right'});

[VahidFarahmandian]

And also I need to save a set of data as PDF. I am not sure what to use in this case and I thought that I should change doc.autoTable(cols, rows) to doc.autoTable(cols, rows, { lang: 'ar', align: 'right' }), but it seems to be wrong approach that I am using... doc.autoTable(cols, rows) works perfect for numbers and English characters.

Here is my code:

    const BNAZANIN = "AAEAAAAQA...";
    const doc = new jsPDF({filters: ['ASCIIHexEncode']});
    
    doc.addFileToVFS("BNAZANIN-normal.ttf", BNAZANIN);
    doc.addFont('BNAZANIN-normal.ttf', 'BNAZANIN', 'normal');
    doc.setFont('BNAZANIN'); // set font

    doc.autoTable(cols, rows, { lang: 'ar', align: 'right' });//HERE

    doc.save("Report.pdf");

But the output is not well formed again:

[Uzlopak]

autotable doesnt handle the lang-Option. In the next release there will be automatic arabic handling.

Make your own nightly build or wait few weeks then we have a new release.

[sibiarunachalam]

Hi guys, I have faced the same problem.
I am working with Tamil font.
Code:

       `const BaminiRegular ="AAEAAAAO..."
        const doc = new jsPDF({filters: ['ASCIIHexEncode']});

        doc.addFileToVFS("BaminiRegular.ttf", BaminiRegular);
        doc.addFont('BaminiRegular.ttf', 'Bamini', 'Regular');
        doc.setFont('Bamini', 'Regular'); // set font
        doc.setFontSize(20);

        doc.text('யார் நீ', 20, 20);
        doc.save('test.pdf');`

Output:
fiflfififl fi¤fl‹

Note:
jsPDF version is 1.4.1
I have used this to covert ttf to base64 encoded https://www.giftofspeed.com/base64-encoder/

[Uzlopak]

@vahiddadaism

I read now that you have an issue when mixing Latin with Arabic. Well in 1.4.2 we will have a bidiEngine.

@sibiarunachalam
How is your issue related with this issue?

[sibiarunachalam]

@arasabbasi Yes, It is not related to @vahiddadaism problem.
It is related to unicode support. I want to export pdf with only Tamil font chars as of now.
So can I create new issue?

[Uzlopak]

Yes, open a new issue, because I want to close this ticket. Secondly, you should please provide a full working demo of your problem. This doesn't mean that you should copy paste the content of your html file to that new issue as plain text. E.g. zip it and attach it to the issue.

[Uzlopak]

I suppose this is solved.

[AmineBlel]

autotable doesnt handle the lang-Option. In the next release there will be automatic arabic handling.

Make your own nightly build or wait few weeks then we have a new release.

Hello, I'm having the same issue, I'm trying to get a table with two languages english and arabic, but the output of the arabic print something like that : - 2 E ) ' D *.
is there any updates i can use?

[ahmedabasy]

autotable doesnt handle the lang-Option. In the next release there will be automatic arabic handling.
Make your own nightly build or wait few weeks then we have a new release.

Hello, I'm having the same issue, I'm trying to get a table with two languages english and arabic, but the output of the arabic print something like that : - 2 E ) ' D *.
is there any updates i can use?

Any release supports arabic in header and data

[afshinrazaghi]

doc.autoTable(this.exportColumns, this.loginAttempts, {styles: {font: "IRANSansWeb"}});