Tagging correctly languages / With Arabic font Adobe Acrobat Reader DC shows only first line of text on the page

[mgroeneweg]

Thank you for submitting an issue to jsPDF. Please read carefully.

Are you using the latest version of jsPDF?
Yes

Have you tried using jspdf.debug.js?
No it does not contain all necessary files like vfs.js. I don't know how the build works to create a fresh one.

Steps to reproduce
Test.zip

• The zip file contains a test HTML.
• Drop TestSimpleTextArabic.html in the main folder of the jsPDF folder structure and run it.
• Click the Generate button.
• I get the result as included in the zip

What I saw
In Chrome it works:

In Adobe reader it does not work:

With other tests, Adobe reader sometimes pops up an error that there is an issue with the document. No specific information what it does not like.

What I expected
To be able to open the PDF and see all added texts.

[Uzlopak]

I think i was able to fix it in the latest commit a month ago. Did you use the current code, or did you use the one i gave you once?

[mgroeneweg]

This was with the latest master commits. Indeed about a month ago

[Uzlopak]

I will think about it, but I think we should release so that we have atleast a new base

[mgroeneweg]

I can appreciate that. However I have not seen much activity since your last commits. When will this be released?

[Uzlopak]

I remembered something:

What happens if you remove or comment out these lines in your jspdf

       //lang
        
        var lang = options.lang;
        
        if (lang) {
            xtra += "/Lang (" + lang +")\n";
        }

Does it show then the text completely?

[mgroeneweg]

Yes now it shows all texts

[Uzlopak]

yeah i remember now, that it was this language tagging which i couldnt fix and i didnt found a sample for multiline

[mgroeneweg]

Seems OK without it so what does it do?
Or, what do we miss without it?

[Uzlopak]

Well it shows that a line is in a specific language. Probably used by screen readers or translation software. I dont know.

Can you please do me a favor and just comment out the line xtra += "/Lang (" + lang +")\n";, generate with the new jspdf the test case for arabic language and post the resulting pdf here?
https://github.com/MrRio/jsPDF/blob/master/tests/unicode/arabic.spec.js

Then I could upload it to #1736 and merge it before James releases it today.

I have to go to work, and I have some modifications in my current codebase, which were fixes for this issue, but I dont know if they were good or not, and before I mess up my code, which i didnt touched for 2 months...

[mgroeneweg]

I tried before to get these tests running on my machine but that failed rather miserably. I'm at work too so I generated the PDF using a hardcoded testcase, with the language tag in comment.

Test case and result are in the zipfile.
TestFor1736.zip

[alidib81]

would you please help me i get this message when i test your code :
Error in function Object.: saveAs is not defined

[Uzlopak]

saveAs not defined => you need FileSaver.js

[alidib81]

@arasabbasi thanks ,but when i use doc.viewerPreferences({Direction: 'R2L'});
i got error : function not defined

[Uzlopak]

Build the package

[alidib81]

@arasabbasi Some characters do not appear correctly,for example :الامارات looks in pdf:

[alidib81]

@mgroeneweg can i use another font instead of Amiri ? and how to get base64 of the font ,for example Traditional Arabic font

[Uzlopak]

@alidib81 Can be... I had to write the "logic" for connecting letters all by myself and little help of other frameworks. It is kind of hard to code it and have it completely refactorable. But because I dont know if you are using the latest arabic i wont start debugging.

And yes you could use traditional arabic font. Get the ttf and use an online base64 encoder... google wll help you.

[alidib81]

@arasabbasi i tried to use traditional arabic font. but i got blank page..
i use this convertor is :
https://www.giftofspeed.com/base64-encoder/
and this :https://jpillora.com/base64-encoder/
and this is my code:
var trade = "...........base64 ";
const doc = new jsPDF("p", "pt", "a4");

doc.addFileToVFS("traditional arabic.ttf", trade);
doc.addFont('traditional arabic.ttf', 'trade', 'normal');
  
doc.setFont('trade'); // set font
doc.setFontSize(10);

var testText = "الامارات العربية المتحدة ";

[Uzlopak]

doc.text(testText, 10, 10, {lang: 'ar'});
?