xslt - How to show correctly tabulation in xsl-fo? -


i have xml document , creating xsl-fo file convert pdf apache-fop.

in xml, there sections <code> show... code.

in xsl-fo, added white-space="pre" sentence preserve code format, tabulations shown single space:

xml section:

<code><![cdata[ function callback( widget ) {     var ui = widget; // should tab } ]]></code>

xsl-fo section:

<xsl:template match="code">     <fo:block font-size="10pt" font-family="monospace" white-space="pre" color="#008000" background-color="#f8f8f8">         <xsl:apply-templates/>     </fo:block> </xsl:template>

resulting pdf:

function callback( widget ) {  var ui = widget;  // should tab }

so question is: how preserve or set size of tabulation?

edited: using apache-fop 1.1

a full example:

proyecto.xml (do not forget replace 4 spaces tab before "var ui...")

<?xml version="1.0" encoding="utf-8"?> <?xml-stylesheet type="text/xsl" href="proyecto.xsl"?> <document> <code><![cdata[ function callback( widget ) {     var ui = widget; // should tab } ]]></code> </document>

proyecto.xsl

<xsl:stylesheet     xmlns:xsl="http://www.w3.org/1999/xsl/transform" version="1.0"     xmlns:fo="http://www.w3.org/1999/xsl/format">      <xsl:template match ="document">         <fo:root xmlns:fo="http://www.w3.org/1999/xsl/format">             <fo:layout-master-set>                 <fo:simple-page-master master-name="onepage" margin="1in"                      page-height="29.7cm"                      page-width="21cm"                     margin-top="2.5cm"                     margin-bottom="2.5cm"                     margin-left="3.5cm"                     margin-right="2.5cm">                     <fo:region-body margin="0cm"/>                 </fo:simple-page-master>                 <fo:page-sequence-master master-name="page">                     <fo:single-page-master-reference master-reference="onepage"/>                 </fo:page-sequence-master>             </fo:layout-master-set>              <fo:page-sequence master-reference="page">                 <fo:flow flow-name="xsl-region-body">                     <xsl:apply-templates/>                 </fo:flow>             </fo:page-sequence>         </fo:root>     </xsl:template>      <xsl:template match="code">         <fo:block font-size="10pt" font-family="monospace" white-space="pre">             <xsl:apply-templates/>             <!--<xsl:value-of select="replace( . , 'a', 'b')"/>-->         </fo:block>     </xsl:template>  </xsl:stylesheet>

pdf result (screen):

enter image description here

replace tabs 4 spaces, suggested @mzjn in comments.

xml input

<code><![cdata[ function callback( widget ) { &#09;var ui = widget; // should tab } ]]></code>

xslt stylesheet

<?xml version="1.0" encoding="utf-8"?> <xsl:stylesheet version="2.0"       xmlns:xsl="http://www.w3.org/1999/xsl/transform"       xmlns:fo="http://www.w3.org/1999/xsl/format">   <xsl:output method="xml" indent="yes"/>    <xsl:template match="/">     <fo:root>       <fo:layout-master-set>         <fo:simple-page-master master-name="a4-portrait"               page-height="29.7cm" page-width="21.0cm" margin="2cm">           <fo:region-body/>         </fo:simple-page-master>       </fo:layout-master-set>       <fo:page-sequence master-reference="a4-portrait">         <fo:flow flow-name="xsl-region-body">           <fo:block font-size="10pt" font-family="monospace" linefeed-treatment="preserve" white-space-collapse="false" white-space-treatment="preserve" wrap-option="no-wrap" color="#008000" background-color="#f8f8f8">             <xsl:value-of select="replace(code,'&#09;','    ')"/>           </fo:block>         </fo:flow>       </fo:page-sequence>     </fo:root>   </xsl:template>  </xsl:stylesheet>

now, after replacing tab characters whitespaces, output rendered correctly fop.

enter image description here

there no obvious flaw outputting tabs, bear in mind apache fop partially compliant in regard whitespace-treatment property: http://xmlgraphics.apache.org/fop/compliance.html , if says fo:inline elements affected of this.


Comments

Post a Comment

Popular posts from this blog

javascript - Jquery show_hide, what to add in order to make the page scroll to the bottom of the hidden field once button is clicked -

i have button on website when clicked, reveals map. button can seen when page first loads up, when clicked, section holding map slides open , goes out of screen since page loads @ top (normal). want page scroll down bottom of div select when button pushed, if map out of screen. if page scrolled down, , clicks show map button, don't want page jump bottom of map. i tried figure out myself, no luck. seasoned jquery coders able give me guidance? many thanks! map = mapdiv.gmap3("get"); infobox = new infobox({ pixeloffset: new google.maps.size(-220, -310), closeboxurl: '', enableeventpropagation: true }); mapdiv.delegate('.infobox .close','click',function () { infobox.close(); }); jquery(".slidingdiv").hide(); jquery(".show_hide").show(); jquery('.show_hide').click(function(){ lastcenter=map.getcenter(); jquery(".slidingdiv&quo
Read more

javascript - Highcharts multi-color line -

Image
i looking create highchart multi-colored line. if goes down under value, become red, , when comes on value, become green . here picture example: or maybe highcharts have other charts models differentiate high or low level color? you can achieve coloring using lineargradient coloring: color: { lineargradient: { x1: 0, x2: 0, y1: 0, y2: 1 }, stops: [ [0, 'red'], [0.25, 'yellow'], [0.50, 'green'], [0.75, 'yellow'], [1, 'red'] ] } here 0 in stops relates minimum value of series , 1 maximum value, , in between percentages between values. if find percentages according values prior creating chart use correct stops values make relate specific values in data (at least approximately). see this jsfiddle example .
Read more

javascript - Enter key does not work in search box -

tried search guys sorry. input in search box doesnt work (or search) when hit enter when user clicks search button. doing wrong? here code. thanks. <script type="text/javascript"> $(document).ready(function() { $("#submit").click(function() { var url = "http://asla.org/awardssearch.html"; url += "?s=" + $('#googlecse').val(); window.location = url; }); $('#googlecse').keydown(function(event) { if (event.keycode == '13') { $("#submit").click(); } else { //do nothing :) } }); }); </script> <form class="navbar-form navbar-right" role="search"> <div class="search"> <input id="googlecse" type="text" onblur="if(this.value=='')this.value=this.defaultvalue;" onfocus="if(this.value==this.defaultvalue)t
Read more