XSL-FO with XSLT

- Learn to Code, Build Your Dream!

• HTML Tutorial
• JavaScript Tutorial
• CSS Tutorial
• Vue3 Tutorial
• Vue2 Tutorial
• Bootstrap3 Tutorial
• Bootstrap4 Tutorial
• Bootstrap5 Tutorial
• Machine Learning Tutorial
• PyTorch Tutorial
• TensorFlow Tutorial
• Scikit-Learn Tutorial
• Natural Language Processing Tutorial
• AI Agent Tutorial
• Ollama Tutorial
• Coding Plan

XSLFO Tutorial

• XSL-FO Tutorial
• XSL-FO Introduction
• XSL-FO Documents
• XSL-FO Areas
• XSL-FO Output
• XSL-FO Flow
• XSL-FO Pages
• XSL-FO Blocks
• XSL-FO Lists
• XSL-FO Tables
• XSL-FO with XSLT
• XSL-FO Software

XSLFO Reference Manual

• XSL-FO Reference Manual

XSL-FO with XSLT

XSL-FO and XSLT can complement each other.

Remember This Example?

<fo:block font-size="14pt" font-family="verdana" color="red" space-before="5mm" space-after="5mm">
 
</fo:block>

<fo:block text-indent="5mm" font-family="verdana" font-size="12pt">
 At  you will find all the Web-building tutorials you need, from basic HTML and XHTML to advanced XML, XSL, Multimedia and WAP.
</fo:block>

Result:

At you will find all the Web-building tutorials you need, from basic HTML and XHTML to advanced XML, XSL, Multimedia and WAP.

The above example comes from the chapter on XSL-FO block areas.

Help from XSLT

Remove XSL-FO information from the document:

<header></header>

<paragraph>At  you will find all the Web-building tutorials you need, from basic HTML and XHTML to advanced XML, XSL, Multimedia and WAP.</paragraph>

Add XSLT transformation:

<xsl:template match="header">
<fo:block font-size="14pt" font-family="verdana" color="red" space-before="5mm" space-after="5mm">
<xsl:apply-templates/>
</fo:block>
</xsl:template>

<xsl:template match="paragraph">
<fo:block text-indent="5mm" font-family="verdana" font-size="12pt">
<xsl:apply-templates/>
</fo:block>
</xsl:template>

The result is the same:

At you will find all the Web-building tutorials you need, from basic HTML and XHTML to advanced XML, XSL, Multimedia and WAP.