Welcome to HiQPdf Demo
HTML to PDF
HTML to PDF Converter Demo
Convert Many HTMLs to PDF
HTML Fitting and Scaling Options
Convert a Selected HTML Region
Headers and Footers in PDF
Convert Web Pages Preserving State
Set PDF Pages Background
HTML Elements Position in PDF
Set Conversion Triggering Mode
Auto Create Outlines and Links
Auto Create Table of Contents
Auto Create PDF Forms
Repeat Table Header and Footer
Control PDF Page Breaks with CSS
Select Media Type for Rendering
Web Fonts Advanced Support
PDF Security Settings
HTML to Image
HTML to SVG
PDF Forms
Create and Submit PDF Forms
Fill and Save PDF Forms
Set an Open Action in PDF
Create Outlines and Links in PDF
Create File Attachments in PDF
Add HTML Objects in PDF
Add Text Objects in PDF
Add Image Objects in PDF
Add Graphic Objects in PDF
PDF Document Security
Add Digital Signatures in PDF
Edit PDF Documents
Merge PDF Documents
Extract Text from PDF
Search Text in PDF
Extract Images from PDF
Rasterize PDF Pages to Images
Convert PDF to HTML
In this demo you learn how to automatically create outlines, HTTP and internal links in PDF and how to force a HTML element to start on a new page in PDF.
The demo creates a simple table of contents with internal links to chapters and a HTTP link to HiQPdf website. For each chapter there is also an outline in document outlines and each chapter is forced to start on a new PDF page using the page-break-before : always style.
HTML Code
<html> <head> <title>Auto Outlines and Links</title> </head> <body> <br /> <br /> <h1 class="pdf_outlines">Contents</h1> <a href="#Chapter1">Go To Chapter 1</a> <br /> <a href="#Chapter2">Go To Chapter 2</a> <br /> <a href="#Chapter3">Go To Chapter 3</a> <br /> <a href="http://www.hiqpdf.com">Visit Website</a> <h2 class="pdf_outlines" style="page-break-before: always" id="Chapter1">Chapter 1</h2> This is the chapter 1 content. <h2 class="pdf_outlines" style="page-break-before: always" id="Chapter2">Chapter 2</h2> This is the chapter 2 content. <h2 class="pdf_outlines" style="page-break-before: always" id="Chapter3">Chapter 3</h2> This is the chapter 3 content. </body> </html>
Hierarchical Outlines
