Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

p inside td

See original GitHub issue

Hi,

I’m having a styling problem with the following html. Can you please help me figure this out?

<table border="1">
<tr>
<td>
<p><p> </p></p><p>BEN VE AİLEM</p><p><p> </p></p><p><span style="color: rgb(91, 155, 213);">ICH UND MEINE FAMILIE</span></p><p><p> </p></p><p><span style="color: rgb(91, 155, 213);"> </span></p><p><p> </p></p><p>Tanışma</p><p><p> </p></p><p><span style="color: rgb(91, 155, 213);">Kennenlernen</span></p><p><p> </p></p><p><span style="color: rgb(84, 141, 212);"> </span></p>
</td>
</tr>
</table>

The problem also exists in the playground.

Issue Analytics

State:
Created 4 years ago
Comments:5 (3 by maintainers)

Top GitHub Comments

1reaction

Aymkdncommented, Dec 24, 2019

Ok. I’ll review it later this week or sometime next week.

0reactions

Aymkdncommented, Dec 26, 2019

It looks like the issue is related to PDFMake and not to my library. Inside cells, we have to use \n to have the texte on several lines (based on PDFMake website).

So, I guess you’re stuck with using  . You can inject   after your  in your HTML code. For example:

yourHTMLcode.replace(/<\/p>\n(\s+)?<p/g,'</p><br><p')

It will return (using your last example):

<table border="1">
  <tbody>
    <tr>
      <td align="center" valign="top">
        <p>TARİH</p><br><p style="color: blue;">DATUM</p>
      </td>
      <td align="center" valign="top">
        <p>ÜNİTE VE KONULAR</p><br><p style="color: blue;">LEKTIONEN UND THEMEN</p>
      </td>
    </tr>
  </tbody>
</table>

And, once translated by html-to-pdfmake: Capture