Japanese characters rendering incorrectly in jsreport online

Samuli Haverinen

Hi,

I'm experiencing a problem where japanese characters are not displayed correctly and instead, show as empty boxes in rendered reports. Some details:

I'm using jsreport online
phantom-pdf recipe
phantomjs version 1.9.8

I've also included a <meta content="text/html; charset=utf-8" http-equiv="Content-Type"> element inside the head-tag of the document.

When I changed the phantomjs version to 1.9.8-windows the japanese characters render just fine but also the layout looks a bit different which isn't desirable. Any way of getting the linux version to support this? Thanks!

jan_blaha

Hi,

it looks we'll need to install some additional font packages to the linux based phantom-pdf container.
Do you have some special html you can share so we can test it? Or something like this is enough?

<html>
  <head>
    <meta content="text/html; charset=utf-8" http-equiv="Content-Type">
  </head>
  <body>
      昨夜のコンサートは最高でした。
  </body>
</html>

0_1499697063150_upload-58d1b993-5056-4ab8-b992-a9a04e274013

Samuli Haverinen

Thanks for your quick reply and help! Yep, the example you provided seems to have the exact same problem.

Samuli Haverinen

This is how it shows in jsreports online:

bjrmatos

hmm weird, i'm rendering the same content in jsreportonline and it is rendering fine.

0_1499787460079_Captura de pantalla 2017-07-11 a las 10.32.14 a.m..png

@Samuli-Haverinen can you try again and see if it is still a problem?

jan_blaha

@bjrmatos Don't you render it in windows phantomjs? I guess yes. The problem is only in linux containers. Try to run it in debug and you will likely see a windows looking path in the output.

I was able to replicate this and fixed it in this commit
https://github.com/jsreportonline/phantom-pdf/commit/bdc8051886a86ede4a2c21e2e784f88b78e37bfb

I believe we just need to release it.

bjrmatos

yes, i was using the linux container in the screenshot, but even weird now i'm trying again and i can see the empty boxes 😬

Samuli Haverinen

Any update on when the fix is released?

jan_blaha

We will try to schedule it for the next week.
We need to check first if it won't affect the existing templates.

jan_blaha

The mentioned update has now reached jsreportonline. You should be able to use the Japanese font there.

Samuli Haverinen

Thanks, that seems to work perfectly now!

jan_blaha

Great, thank you for the confirmation.