Welcome

Preview App

About this App

The PDFreactor Preview Application can display a preview rendering of what an HTML document will look like after converting it to PDF with PDFreactor.

It may be used as a design tool to help create a page layout.

What's new in 7?

CSS 3 Regions

PDF Comments

Running Elements

Canvas Vector Graphics in PDF

PDF/A-3a

Sample Docs

This document showcases several uses case and technical samples that demonstrate some of PDFreactor's key features.

Every example has a short description with basic information about it. Click on the description to open the example.

Use Case Samples

Science Magazine

A magazine article created with the help of Regions to create a text flow through freely positioned boxes across pages.

  • Regions
  • Web Fonts
  • Page-filling Background Images

Page size: A4

Daily Newspaper

The front page of a newspaper, complete with Multi-column layout and pictures and headings that span these columns.

  • Multi-column Layout
  • Web Fonts
  • Barcode

Page size: 325mm × 480mm

Tourist Brochure

A brochure trifold ready for the printer. All colors are CMYK, including the TIFF images. The oversized page provides space for a bleed area and printer marks for color proofing and cutting.

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

Page size: A4

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 imported as vector graphics into the PDF.

  • PDF Comments
  • Running Elements
  • Canvas Charts
  • SVG Images

Page size: legal

Children's Novel

A classic novel layout with a Table of Contents generated by JavaScript.

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

Page size: letter

Textbook

A textbook layout that demonstrates basic page layout features like Page Headers with page number and chapter titles while explaining them.

  • Page Headers
  • Page Counters & Chapter Titles
  • Named Pages
  • Page Breaks
  • Running Table Headers
  • Gradients

Page Size: A4

Corporate Invoice

An invoice sheet that uses XSLT to populate the document from an XML source and performs calculations.

  • XSLT
  • Subtotal Insertion
  • 2D Barcode

Page size: A4

Technical Documentation

Presents a CSS designed to display W3C documents compliant to W3C's XHTML 1.0.

  • Cross-references
  • Website as Print
  • Hyperlinks

Page size: A4

Official Form

The official W-8BEN form is used by foreign entities to certify their US tax withholding status.

  • Complex Layout
  • Styled Interactive Forms

Page Size: letter

Technical Samples

Regions

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

  • Regions
  • Automatic Hyphenation

Page size: A4

Multi-Column

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

  • Multi-column
  • Column Spanning Elements
  • Automatic Hyphenation

Page size: A4

Footnotes

Demonstrates the usage of CSS3 footnotes in an HTML document.

  • Footnotes

Page size: A4

Compound Formats

Demonstrate how to add various compound formats to your PDF.

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

Page size: A4

JavaScript

Illustrates tables, graphs and charts of in the style of a scientific Report. Uses the Open Source JavaScript libraries "flotr2" and "awesomizr.js".

  • Manipulating HTML with JavaScript
  • Using JavaScript Libraries
  • Canvas
  • Latest CSS3 Properties
  • Advanced CSS Selectors

Page size: letter

International

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

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

Page size: A4

Comments

Demonstrates how to create PDF Comments.

  • PDF Comments

Page size: A4

Bookmarks

Demonstrates how to create PDF Bookmarks.

  • PDF Bookmarks

Page size: A4

Styled Forms

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

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

Page size: letter