PDFreactor Samples

Learn how to integrate PDFreactor and what you can do with it

Easy Integration

PDFreactor works with any language. Check out code examples and try yourself.

Use Cases

Illustrated Book

An illustrated book that uses CSS Grid layout to place components in a two-dimensional structure. On the title page, the grid is configured in a way so that the components automatically fill the available grid spaces in an optimal manner, leaving no white space.

  • Grid Layout
  • Custom Page Size
  • HSL Color Notation

Page size: Custom

PDF (2.8 MB)|HTML

Pamphlet

An informative pamphlet in two-column layout. Images and tables are floated to either the top or bottom of their respective column. Several components of the document are styled with clip paths to give them a futuristic look. Optionally, the PDF can be created as a booklet using the PDFreactor API.

  • Page Floats
  • Clip Path
  • Multi-Column Layout
  • Mix Blend Modes

Page size: A4

PDF (4.3 MB)|HTML

Draft

A document consisting of an editor’s version of an article. Typos and wording errors are annotated with change bars. The text is laid out in two columns, snapping to a line grid for improved readability. The document is also overlaid with a CSS-based watermark, designating it as a draft.

  • Change Bars
  • Watermarks
  • Line Grid

Page size: A4

PDF (0.5 MB)|HTML

Form Filling

A sample that demonstrates how to use an existing PDF form as a background image. The HTML template consists of absolutely positioned boxes, populated by data from JSON files, and prints them over the PDF background. Text shrink compensates for arbitrarily long data.

  • PDFs as Images
  • Text Shrink
  • AngularJS

Page size: A4

PDF 1 (1.5 MB)|PDF 2 (0.5 MB)|PDF 3 (0.7 MB)|HTML

Science Magazine

A magazine article layout using regions to achieve a text flow through freely positioned boxes across pages.

  • Regions
  • Web Fonts
  • Page-filling Background Images
  • Semitransparent backgrounds
  • Text Shadow
  • @supports Rule

Page size: A4

PDF (5.6 MB)|HTML

Science Magazine

Textbook

A textbook layout that demonstrates basic page layout features like page headers and footers with page numbers and chapter titles while explaining them.

  • Page Headers & Page Counters
  • First, Last & Named Pages and Page Groups
  • Running Table Headers
  • Gradients
  • Text & Box Shadow
  • Page-relative positioning

Page size: A4

PDF|HTML|CSS

Textbook

Tourist Brochure

A brochure trifold ready for printing, using spot colors with CMYK fallback colors as well as CMYK TIFF images. Oversized pages provides space for bleed areas and printer marks.

  • Spot & CMYK Colors
  • CMYK TIFF Images
  • Oversized Page Sizes
  • PDF Page Boxes & Printer Marks
  • Web Fonts
  • Transforms

Page size: A4 Landscape

PDF (14 MB)|HTML|CSS

Daily Newspaper

The front page of a newspaper, complete with multi-column layouts and headings that span these columns.

  • Multi-column Layout
  • Web Fonts
  • Barcode
  • CSS Variables
  • Numeric Font Weight

Page size: 325mm × 480mm

PDF (2 MB)|HTML|CSS|JS

Mortgage Calculation

A business document that uses features like PDF comments to add information to the PDF for further processing and running elements to use HTML content in page headers and footers. The canvas elements with charts are embedded into the resulting PDFs as vector graphics.

  • PDF Comments
  • Running Elements
  • Canvas Charts and SVG Images
  • Continuation Markers

Page size: legal

PDF|HTML|CSS|JS

JavaScript

Illustrates tables, graphs and charts in the style of scientific reports. Uses the Open Source JavaScript library “flotr2” as well as “awesomizr.js” which is included with PDFreactor.

  • Manipulating HTML using JavaScript
  • Using JavaScript Libraries
  • Canvas
  • Native Transforms and Gradients
  • PDF Pages as Iterable Images

Page size: letter

PDF (6 MB)|HTML|CSS 1|CSS 2|JS

Official Form

An HTML and CSS reproduction of a complex form, i.e. the official W-8BEN form used by non-US entities to certify their US tax withholding status.

  • Complex Layout
  • Styled Interactive Forms

Page Size: letter

PDF|HTML

Corporate Invoice

An invoice sheet that uses AngularJS to populate a template from a JSON source and performs calculations.

  • AngularJS
  • Templating
  • Localized Dates, Numbers & Currencies
  • Subtotal Insertion
  • 2D Barcode

Page size: A4

PDF|HTML|CSS|JSON

Technical Documentation

Presents CSS designed to display W3C documents.

  • Cross-references
  • Website as Print
  • Hyperlinks

Page size: A4

PDF|HTML|CSS 1|CSS 2|CSS 3

Children’s Novel

A classic novel layout with a table of contents generated via JavaScript.

  • Table of Contents
  • Spelled-out Chapter Numbers
  • First-letter Drop Caps
  • Left, Right & Blank Pages
  • Page Groups
  • Automatic Hyphenation
  • 150+ Pages of Content

Page size: letter

PDF|HTML|CSS

Real Customer Applications

Building Services Equipment Product Catalog

  • Cross-references
  • Table of contents
  • Multi-column layout
  • CSS transforms
  • Tables and floats
  • Printer marks
  • CMYK colors

Shows a 680+ page product catalog from Walter Bösch GmbH & Co KG. A Web-to-Print project done by the elements Group (pimcore GmbH) using PDFreactor embedded into Pimcore PIM, an open source enterprise product information management framework.

DIN A4 (32 MB)| more info about PDFreactor + Pimcore PIM

Product Catalogue

Metal Fittings Product Catalog

  • Cross-references
  • Bookmarks
  • Table of contents
  • Multi-column layout
  • CSS transforms
  • Tables & floats
  • Printer marks
  • CMYK colors

See a 240+ page product catalog from Pollmann & Sohn, Germany. A web-to-print project done by Pimcore partner Basilicom using PDFreactor as the Pimcore PDF rendering plug-in.

DIN A-4, 21 MB | more info about PDFreactor + Pimcore

Wood Flooring Price List

  • Multi-column layout
  • CSS transforms
  • Tables and floats
  • Printer marks
  • CMYK colors

See a 130+ page price list from mafi Naturholzboden GmbH, Austria. A B2B/B2C (including web-to-print) project done by the elements Group (pimcore GmbH) using PDFreactor as the Pimcore plug-in.
DIN A4 (5.9 MB)| more info about PDFreactor + Pimcore PIM

Gardening Product Catalog

  • Table of contents
  • Tables & floats
  • Printer marks
  • CMYK colors

See the 160+ page gardening catalog from Windhager Group, Austria. A B2C (including web-to-print) project done by the elements Group (pimcore GmbH) using PDFreactor as the Pimcore plug-in.
DIN A4 (23 MB)more info about PDFreactor + Pimcore PIM

Terrace Designer Report

  • Tables & floats
  • CMYK colors

See the terrace designer report from JAF Group, Austria. Elements Group (pimcore GmbH) built this sophisticating B2B e-commerce platform, using Pimcore eCommerce, Pimcore PIM and RealObjects PDFreactor.
DIN A4 (1 MB)| more info about PDFreactor + Pimcore PIM

HRD Brochures

  • Multi-column layout
  • Sophisticated page design
  • Complex headers and footers
  • Background images

Brochures for HRD and training purposes, created from CMS data for website publishing by Schouten & Nelissen

DIN A4

HRD Brochures

Position Statement

  • Web fonts
  • Generated content
  • Multi-column layout
  • Page margins

Printer-friendly, journal quality position statements (full-length HTML) published by the Canadian Paediatric Society (CPS)

US-Letter| case study

Curricula

  • Alternating page styles (left/right)
  • Dynamic headers and footers with chapter and subchapter title as well as page numbers
  • Multiple tables of contents
  • Justification with automatic hyphenation

Shows the 690+ page public curricula for the Bavarian secondary business schools provided by the Staatsinstitut für Schulqualität und Bildungsforschung (ISB)

DIN A4 (8MB)

Report

  • Highcharts
  • CSS print media query
  • JavaScript

Printable and sharable PDF reports for Reviews, Semantic Analysis, and Guest Surveys provided by ReviewPro

DIN A4

Book

  • Table of Contents
  • Printer marks
  • Graphs

High quality print ready PDFs of learning material and textbooks by EDGE Learning Media

DIN A4

Layout

Regions

A demonstration of the regions layout feature. Includes various use cases, e.g. positioning regions around images and into shapes.

  • Regions
  • Automatic Hyphenation

Page size: A4

PDF|HTML|CSS

Multi-Column

A demonstration of the multi-Column layout feature. Includes various use cases, e.g. a dictionary or a restaurant menu.

  • Multi-column
  • Column Spanning Elements
  • Automatic Hyphenation
  • Baseline Grids

Page size: A4

PDF|HTML|CSS

Flexible Box Layout

A demonstration of how flexible box layout can be used to arrange multiple items inside containers, let them flow in rows or columns and how they interact with page breaks.

  • Flexbox

Page size: A4

PDF|HTML

Footnotes

Demonstrates the usage of CSS3 footnotes in HTML documents.

  • Footnotes

Page size: A4

PDF|HTML

Internationalization

This document demonstrates the rendering capabilities of different writing systems and Unicode characters.

  • Bi-directional Text
  • Mixed Content
  • Automatic Arabic Shaping

Page size: A4

PDF|HTML

Layout Introspection

A guide on how to use PDFreactor’s proprietary JavaScript to retrieve precise information about the document’s layout during a conversion. This allows for highly adaptive and dynamic layouts.

  • JavaScript
  • Access Layout Information During Runtime
  • ro.layout Object

Page size: A4

PDF|HTML

Text Layout

This document demonstrates advance text layout and rendering functionalities.

  • Ligatures
  • Consistent Visual Size for Mixed Fonts
  • Adapted Line Breaking

Page size: A4

PDF|HTML

Markup

Compound Formats

Demonstrate how to add various compound formats to your PDFs.

  • Bar Codes & 2D Bar Codes
  • QR Codes
  • SVG Images
  • MathML Formulas
  • PDFs as Images

Page size: A4

PDF (2.5 MB)|HTML|CSS

Styled Forms

Demonstrates HTML forms and interactive PDF forms (sometimes referred to as AcroForms) capabilities of PDFreactor.

  • HTML & PDF Forms
  • Styled Forms
  • Automatically Resized Text Areas

Page size: letter landscape

PDF (2.5 MB)|HTML

PDF Features

Bookmarks

Demonstrates how to create PDF Bookmarks

  • PDF bookmarks

Page size: A4

PDF|HTML

Comments

Demonstrates how to create PDF Comments.

  • PDF comments

Page size: A4

PDF|HTML

Accessibility

Demonstrates how to create accessible and archivable PDF/UA and PDF/A documents.

  • Tagging
  • PDF/A-3a
  • PDF/UA-1

Page size: A4

PDF|HTML

Interactive Live Demonstrations

Business Cards

This interactive demo shows how PDFreactor can be used in an online Web-to-print application to process the layout and content of business cards.

The resulting printable PDF comes with crop marks and can directly be sent to a digital printer.

An image, dynamically generated using the Raster Image Output option, will show a preview of the resulting business card on-the-fly.

Dynamic Invoice

This demonstration shows how PDFreactor can be used to generate invoices on-the-fly. A form allows you to select articles and quantities from a fictional brewery.

The form will generate a XML file that is passed to PDFreactor via a Servlet. PDFreactor then converts the XML data by applying a XSLT style sheet and streams the result to a PDF document.

Raster Image Output

This interactive demo shows how the Raster Image Output option can be used to create images from your HTML documents.

You can generate quick previews or thumbnails as well as one long, continuous image that displays your document exactly like a screenshot from a browser.