2012-02-18 24 views
5

Sto generando "documento Word" con un'intestazione nella prima pagina come codice HTML. <style> tag contiene:Office HTML Word header

@page Section { 
    size:8.5in 11.0in; 
    margin: 0.7in 0.9in 0.7in 0.9in; 
    mso-header-margin: 0.0in; 
    mso-footer-margin: 0.0in; 
    mso-title-page: yes; 
    mso-first-header: fh1; 
    mso-paper-source: 0; 
} 
div.Section { 
    page: Section; 
} 

e <body>:

<div class="Section" style="font-family: Verdana, sans-serif;"> 
    <![if supportFields]> 
     <div style="mso-element:header" id="fh1"> 
      <p class="MsoHeader"> 
       header 
      </p> 
     </div> 
    <![endif]> 
</div> 

mostra il testo "header" sia in intestazione e nel corpo principale del documento. Le risorse (http://techsynapse.blogspot.com/2007/03/generating-word-document-dynamically.html e http://www.pbdr.com/ostips/wordfoot.htm) ho scoperto che non c'è modo di evitare questo effetto senza usare un file di intestazione aggiuntivo che è non un'opzione per me.

E la mia domanda è la seguente: conosci qualche soluzione per questo problema? Come posso nascondere l'occorrenza dell'intestazione nel documento principale ma lasciarlo al suo posto nella parte superiore della pagina? Grazie in anticipo per ogni consiglio.

risposta

7

questo ha funzionato per me:

<html 
xmlns:o='urn:schemas-microsoft-com:office:office' 
xmlns:w='urn:schemas-microsoft-com:office:word' 
xmlns='http://www.w3.org/TR/REC-html40'> 
<head><title></title> 

<!--[if gte mso 9]><xml> 
<w:WordDocument> 
    <w:View>Print</w:View> 
    <w:Zoom>90</w:Zoom> 
</w:WordDocument> 
</xml><![endif]--> 


<style> 
p.MsoFooter, li.MsoFooter, div.MsoFooter 
{ 
    margin:0in; 
    margin-bottom:.0001pt; 
    mso-pagination:widow-orphan; 
    tab-stops:center 3.0in right 6.0in; 
    font-size:12.0pt; 
} 
<style> 

<!-- /* Style Definitions */ 

@page Section1 
{ 
    size:8.5in 11.0in; 
    margin:1.0in 1.0in 1.0in 1.0in; 
    mso-header-margin:.5in; 
    mso-footer-margin:.5in; 
    mso-title-page:yes; 
    mso-header: h1; 
    mso-footer: f1; 
    mso-first-header: fh1; 
    mso-first-footer: ff1; 
    mso-paper-source:0; 
} 


div.Section1 
{ 
    page:Section1; 
} 

table#hrdftrtbl 
{ 
    margin:0in 0in 0in 900in; 
    width:1px; 
    height:1px; 
    overflow:hidden; 
} 
--> 
</style></head> 

<body lang=EN-US style='tab-interval:.5in'> 
<div class=Section1> 

<p> CONTENT </p> 

<br/> 
    <table id='hrdftrtbl' border='0' cellspacing='0' cellpadding='0'> 
    <tr><td> 

    <div style='mso-element:header' id=h1 > 
     <p class=MsoHeader ><p>&nbsp;HEADER-TITLE</p></p> 
    </div> 

    </td> 
    <td> 
    <div style='mso-element:footer' id=f1> 

     <p>&nbsp;FOOTER-TITLE</p> 
     <p class=MsoFooter> 
     <span style=mso-tab-count:2'></span> 
      Page <span style='mso-field-code: PAGE '><span style='mso-no-proof:yes'></span></span> of <span style='mso-field-code: NUMPAGES '></span> 
     </p> 

    </div> 



    <div style='mso-element:header' id=fh1> 

    <p class=MsoHeader><span lang=EN-US style='mso-ansi-language:EN-US'>&nbsp;FIRST-HEADER-TITLE<o:p></o:p></span></p> 

    </div> 

    <div style='mso-element:footer' id=ff1> 

    <p class=MsoFooter><span lang=EN-US style='mso-ansi-language:EN-US'>&nbsp;FIRST-FOOTER-TITLE<o:p></o:p></span></p> 

    </div> 

    </td></tr> 
    </table> 


</body></html> 
+0

Mostra sempre uno spazio in più per me. – Ryan

+1

Non è possibile generare l'immagine nell'intestazione dal server ma su localhost funziona correttamente. Il percorso generato per l'immagine va bene anche sul server. Puoi dirmi cosa mi manca che l'immagine localhost venga aggiunta nel file word ma sul server no. ** Nota ** Sul computer locale ho installato ms-office ma non sul server. –

+0

Come rimuovere uno spazio vuoto nella sezione dell'intestazione? Quando lo guardo nella parola, tutto va bene, ma quando viene stampato si aggiunge lo spazio vuoto ... qualche idea? –

3

Per aggiornare il risposta di cui sopra da vencedor e rimuovere la codifica dei caratteri vuoto in più aggiunto al tuo immagini di intestazione/piè di pagina/di testo è possibile fare qualcosa di simile:

<html 
xmlns:o='urn:schemas-microsoft-com:office:office' 
xmlns:w='urn:schemas-microsoft-com:office:word' 
xmlns='http://www.w3.org/TR/REC-html40'> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
<title></title> 

<!--[if gte mso 9]><xml> 
<w:WordDocument> 
    <w:View>Print</w:View> 
    <w:Zoom>100</w:Zoom> 
</w:WordDocument> 
</xml><![endif]--> 
<style> 
<!-- /* Style Definitions */ 
p.MsoHeader, li.MsoHeader, div.MsoHeader{ 
    margin:0in; 
    margin-top:.0001pt; 
    mso-pagination:widow-orphan; 
    tab-stops:center 3.0in right 6.0in; 
} 
p.MsoFooter, li.MsoFooter, div.MsoFooter{ 
    margin:0in 0in 1in 0in; 
    margin-bottom:.0001pt; 
    mso-pagination:widow-orphan; 
    tab-stops:center 3.0in right 6.0in; 
} 
.footer { 
    font-size: 9pt; 
} 
@page Section1{ 
    size:8.5in 11.0in; 
    margin:0.5in 0.5in 0.5in 0.5in; 
    mso-header-margin:0.5in; 
    mso-header:h1; 
    mso-footer:f1; 
    mso-footer-margin:0.5in; 
    mso-paper-source:0; 
} 
div.Section1{ 
    page:Section1; 
} 
table#hrdftrtbl{ 
    margin:0in 0in 0in 9in; 
} 
--> 
</style> 
<style type="text/css" media="screen,print"> 
body { 
    font-family: "Calibri", "Verdana","HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
    font-size:12pt; 
} 
pageBreak { 
    clear:all; 
    page-break-before:always; 
    mso-special-character:line-break; 
} 
</style> 
</head> 
<body style='tab-interval:.5in'> 
<div class="Section1"> 

Something page 1 
<div class="pageBreak"></div> 
Something page 2 
<div class="pageBreak"></div> 

<table id='hrdftrtbl' border='1' cellspacing='0' cellpadding='0'> 
     <tr> 
      <td> 
       <div style='mso-element:header' id="h1" > 
        <p class="MsoHeader"> 
         <table border="0" width="100%"> 
          <tr> 
           <td> 

            YOUR_HEADER IMAGE/TEXT 

           </td> 
          </tr> 
         </table> 
        </p> 
       </div> 
      </td> 
      <td> 
      <div style='mso-element:footer' id="f1"> 
       <p class="MsoFooter"> 
        <table width="100%" border="0" cellspacing="0" cellpadding="0"> 
         <tr> 
          <td align="center" class="footer"> 
          YOUR_FOOTER_TEXT 
           <g:message code="offer.letter.page.label"/> <span style='mso-field-code: PAGE '></span> of <span style='mso-field-code: NUMPAGES '></span> 
          </td> 
         </tr> 
        </table> 
       </p> 
      </div> 
     </td> 
    </tr> 
    </table> 
    </div> 
</body> 
</html> 

Questo ora include componenti css completi per i segmenti di intestazione e piè di pagina.

Il trucco che rimuove effettivamente la codifica aggiuntiva sta dichiarando un'altra tabella all'interno delle sezioni MsoFooter e MsoHeader.

+0

Molto utile, grazie! Sapete se esiste una proprietà che potrebbe consentire al testo del corpo di sovrapporsi alla sezione dell'intestazione? Come ora il corpo del testo va sempre sotto l'ultima riga dell'intestazione. –

+1

Dai un'occhiata qui http://sebsauvage.net/wiki/doku.php?id=word_document_generation. Abbiamo finito per usare il modello mhtml (in fondo) e funziona perfettamente. Il problema con questo metodo attuale è la tabella nascosta che nel nostro caso stava creando una pagina in più quando l'ultima pagina era più o meno a metà. – Vahid

+0

sì, questo è esattamente il tutorial che ho usato con successo. Ma non riesco a sovrapporre il testo all'intestazione. Un'altra opzione sarebbe quella di usare la filigrana invece dell'intestazione, ma ciò implicherebbe la conversione dell'headput html in un'immagine e non è nemmeno facile:/ Quindi, se hai avuto un trucco per far iniziare il testo del corpo nella parte superiore della pagina, anche se c'è un'intestazione, sarebbe fantastico :) –

Problemi correlati