spipu / html2pdf

OFFICIAL PROJECT | HTML to PDF converter written in PHP
http://html2pdf.fr/en/default
Open Software License 3.0
1.67k stars 745 forks source link

caractère unicode genre "❏" boite à cocher avec ombre ... #437

Open frenchpetzouille opened 5 years ago

frenchpetzouille commented 5 years ago

bonjour ... dans le texte de mon pdf ... je souhaite simuler la présence de boite à cocher avec une ombre ... et j'ai trouvé son équivalent à savoir : ❏

le pdf généré ne le comprend pas bien que j'ai mis :

$html2pdf = new HTML2PDF('P','A4','fr', true, 'UTF-8');
$html2pdf->WriteHTML($content);

où $content contient entre autre cela :

<p style="font-size:12px;font-family:Helvetica;font-weight:bold;">
    &#10063; Conjoint(e) d’un cotisant taux plein : 167 €
</p>

et le preview me montre bien la boite en question :

le voila ---> ❏ Conjoint(e) d’un cotisant taux plein : 167 €

mais ..... j'ai un " ?" à la place de la boite à cocher.

cette question est récurrente me semble t-il mais je ne comprend pas comment marche l'exemple vers lequel on est reporté : dans le répertoire html2pdf/examples/utf8.php

une aide ? merci

LittleBigFox commented 5 years ago

Bonjour,

Les entités HTML ne fonctionnent pas vraiment, mais avez-vous essayé de mettre un <input type="checkbox"> ?

Regards, LBF

frenchpetzouille commented 5 years ago

bonne idée ... j'ai inséré le code html pour une boite <input type="checkbox">... à la place de ❏ ... et j'ai un espace blanc qui se met à la place ... zone qui parait cliquable. mais pas de contour ni coche au décours du clic !!

LittleBigFox commented 5 years ago

Etrange je viens de tester et cela fonctionne... Exactement le même caractère ❏ d'ailleurs...

Vous n'auriez pas un style CSS sur les input?

frenchpetzouille commented 5 years ago

exact ... bien vu ... comment m'en débarrasser sur cette page là ... mystère

LittleBigFox commented 5 years ago

En mettant directement ça? <input type="checkbox" style="border: 1px solid black">

frenchpetzouille commented 5 years ago

bonne idée mais j'ai toujours une zone blanche mais cliquable car je sais qu'elle est là ma boite ...

spipu commented 5 years ago

et en simulant la case à cocher avec une div et des borders ?

boileau commented 5 years ago

Tu peux faire un carré de cette façon : <draw style="display:inline;width:3mm;height:3mm;background:#fff;border:solid 0.25mm #000"></draw>

frenchpetzouille commented 5 years ago

@boileau ... exact ca marche

mais toujours mystère pour savoir pourquoi <input type="checkbox" style="border: 1px solid black"> qui marche chez certain marche pas chez moi !! aucune feuille se style css pour l'impression sur mes input.