2012-07-09 76 views
16

Estoy intentando crear un archivo PDF usando TCPDF. Pero cuando intenté insertar CSS en línea en el HTML, ¡se muestra una página en blanco! Aquí hay algunas líneas de mi HTML:¿Por qué TCPDF ignora mi CSS en línea?

pdf->AddPage(); 

// set font 
$pdf->SetFont('helvetica', 'B', 20); 

$pdf->Write(0, 'Example of HTML Justification', '', 0, 'L', true, 0, false, false, 0); 

// create some HTML content 
$html = ' 
<div id="wrapper" style="width:900px;height:auto;margin:0 auto;"> 
<div id="header" style="width:900px;height:180px;border-bottom:2px solid #5a5a5a;"> 
<div id="img" style="width:174px;height:87px;position:relative;top:10px;left:350px;"><img src="Untitled Document_files/logoticket.png" /></div> 
<div id="text" style="width:250px;position:relative;left:315px;top:20px;font-family:Arial, Helvetica, sans-serif;font-weight:bold;font-size:14px;">E-TICKET/RESERVATION VOUCHER</div> 
<div id="text2" style="width:200px;position:relative;left:345px;top:40px;font-family:Arial, Helvetica, sans-serif; 
font-weight:bold;font-size:12px;">Visit - www.bookings.7sisters.in</div> 
</div> 
<div id="mainContent"> 
<div id="icon" style="width:600px; 
height:37px; 
position:relative; 
left:190px; 
top:20px;"> 
<img src="Untitled D..... 

etc.

Estoy insertando el código en TCPDF example 39. Pero el resultado es solo el logotipo de TCPDF y la línea "Ejemplo de justificación de HTML". ¿Cual es la razón? ¿O no es compatible con CSS en línea?

Respuesta

2

¿Usted escribió la parte writeHTML(...)?

+0

Sí ... He añadido '$ pdf-> writeHTML ($ html, true, 0, true, true);' – AssamGuy

68

TCPDF tiene un soporte de CSS muy limitado. No es compatible con todos los atributos.

En la actualidad, sólo los siguientes atributos CSS son compatibles:

  • font-family
  • font-size
  • font-weight
  • -estilo de fuente
  • el color del fondo
  • color
  • texto-decoración
  • ancho
  • altura
  • text-align

Así que trata de la eliminación de los otros atributos, y decir si funciona.

Además, this es un foro activo para la discusión relacionada con TCPDF.

TCPDF Documentation

Alternativas a TCPDF que son definitivamente vale la pena probar:

domPDF

Características principales

  • maneja la mayoría de CSS 2.1 y algunas propiedades CSS3, incluyendo @import, @media reglas & @Page
  • apoya hojas de estilo externas, ya sea local o a través de http/ftp (a través de fopen-envolturas)
  • soporta tablas complejas, incluyendo fila & tramos de columna, & modelos de frontera colapsadas por separado, estilo célula individual

domPDF Documentation

útil tutorial: http://kyokasuigetsu25.wordpress.com/2011/07/14/how-to-use-dompdf-with-css/

mPDF

Ejemplos (tanto PHP como PDF generado) se pueden encontrar here y here.

mPDF Documentation

espero que ayude :)

+0

enlaces están prohibidos –

+0

Creo que los enlaces deben permitirse cuando se están a la documentación oficial. – catbadger

1

que utiliza el código que ya ha proporcionado, y le cambió el color a rojo para 'Visita - www.bookings.7sisters.in' usando CSS en línea.

Ver mi salida de la muestra en https://www.box.com/s/520e9e1f4976802696ec

1

en mis barras añadidas servidor caso de comillas dobles - atributos TCPDF ignorado como el estilo sin previo aviso. por lo que me quita las barras por la función stripslashes

1

bien hay un trabajo en torno a que he encontrado:

<h1>Heading<small>Text(is smaller than heading.)</small></h1> 

esperanza esto ayuda a alguien.

Cuestiones relacionadas