pdfHTML n'honore pas les styles CSS

Question

Existe-t-il une liste de styles CSS supportés par pdfHTML? Leur site indique "Il supporte les parties de la spécification HTML 5 et CSS 3 qui s'appliquent dans un contexte PDF" ce qui est logique (par exemple, aucune raison de prendre en charge les animations CSS).

Cependant, j'ai un problème avec ce que je pense est un style simple qui s'appliquerait aux PDF.

Un problème est le style suivant n'est pas appliqué aux images:

img { max-width: 100%; } 

J'ai quelques images où leurs largeurs sont physiquement plus grande que la page afin que les images se couper. Je ne suis pas en mesure de modifier le code source HTML et je ne suis pas capable de réduire les fichiers image. Quelle est la meilleure pratique pour obtenir des images à se comporter?

Un autre problème concerne les styles de tableau. Ceux-ci ne sont pas appliqués:

table { vertical-align: top; } 
tr:nth-child(even) { background: #eee; } 

Comme le problème d'images, ces styles ont l'air bien dans un navigateur. Quelle est la méthode recommandée pour mettre en forme des tableaux?

Merci

Answer 1

max-width propriété CSS est pas pris en charge encore pdfHTML. Vous pouvez essayer de contourner ce problème en utilisant votre propre applicateur CSS personnalisé pour les images et réinitialiser la largeur à ce que vous voulez si certaines conditions sont remplies.

Tout d'abord, créez le CSS pour Applicateur images:

final ICssApplier customImageCssApplier = new BlockCssApplier() { 
    @Override 
    public void apply(ProcessorContext context, IStylesContainer stylesContainer, ITagWorker tagWorker) { 
     super.apply(context, stylesContainer, tagWorker); 
     if (tagWorker.getElementResult() instanceof Image) { 
      Image img = (Image) tagWorker.getElementResult(); 
      if (img.getImageWidth() > 500) { 
       img.setWidth(UnitValue.createPercentValue(100)); 
      } 
     } 
    } 
}; 

Ensuite, assurez-vous que c'est récupéré dans Applicateur l'usine. Pour ce faire, vous devrez passer outre getCustomCssApplier:

ICssApplierFactory cssApplierFactory = new DefaultCssApplierFactory() { 
    @Override 
    public ICssApplier getCustomCssApplier(IElementNode tag) { 
     if (TagConstants.IMG.equals(tag.name())) { 
      return customImageCssApplier; 
     } 
     return super.getCustomCssApplier(tag); 
    } 
}; 

Enfin, créez ConverterProperties et assurez-vous de passer à HtmlConverter.convertToPdf:

ConverterProperties properties = new ConverterProperties().setCssApplierFactory(cssApplierFactory);