Collapse
Expand
HTML to PDF Converter
Getting Started with HTML to PDF
HTML Content Destination and Scaling in PDF
Convert the Current HTML Page to PDF
Convert a HTML Page to PDF in Same Session
Merge Multiple HTML Pages into a Single PDF
Merge HTML with Existing PDF Documents
Partially Convert of a HTML Page to PDF
Repeat HTML Table Header and Footer in PDF
Headers and Footers
Page Breaks Control
Screen and Print Media Types
Conversion Triggering Modes
Hierachical Bookmarks
Table of Contents
Live PDF Forms
HTML5 Features
HTTP GET and POST, Proxy Options
HTTP Headers and Cookies
Fonts Embedding
HTML Elements Location in PDF
HTML Elements Visibility in PDF
URI Links in PDF
Internal Links in PDF
Convert Internal Links from HTML to PDF
Define Custom Internal Links in HTML
File Links and Attachments
Text Notes in PDF
PDF Actions
HTML to PDF Elements
HTML to Image Elements
Images Quality in Generated PDF
Flash and Extensions Support
Watermarks and Stamps
PDF/A and PDF/X Standards
CMYK and GrayScale Color Spaces
PDF Viewer Preferences
PDF Security Features
HTML to Image Converter
PDF Creator
PDF Editor
Live Demo
Description
Sample Code
Define Custom Internal Links in HTML
Winnovative HTML to PDF Converter allows you to transform any HTML element to an internal link to another HTML element in generated PDF document by using the 'data-internal-link-enabled' and 'data-link-target-id' on the link source HTML element and the 'data-target-id' attribute on link target HTML element. With 'data-internal-link-enabled' attribute you can also disable the automatic conversion of an internal link in HTML to an internal link in PDF when you set this attribute to false. The Full Description and a Code Sample can be accessed from the top tabs.
Use TCP/IP Server
IP Address:
Port:
Use Web Service
URL:
Service Password:
Convert HTML with Internal Link Attributes
Convert URL or Local File
HTML String with Custom Internal Link Attributes
<!DOCTYPE html> <html> <head> <title>Define Custom URI Links in HTML</title> </head> <body style="font-family: 'Times New Roman'; font-size: 14px"> <table data-internal-link-enabled="true" data-link-target-id="internalLinkTargetID" style="border: 1px solid green; width: 650px"> <tr> <td style="font-weight: bold; color: navy" colspan="2">This HTML Table is Converted to an Internal Link in PDF Using 'Data-Internal-Link-Enabled' Attribute </td> </tr> <tr> <td style="width: 350px"> <img alt="Logo Image" src="img/logo.jpg" /> </td> <td style="font-size: 40px; font-weight: normal; color: navy; text-align: center">>>> </td> </tr> </table> <br /> <br /> <span style="font-weight: bold; color: black">The Internal Link Below was Explicitly Disabled Using 'Data-Internal-Link-Enabled' Attribute:</span><br /> <br /> <a data-link-enabled="false" href="#disableLinkTargetID" style="font-size: 18px; font-weight: bold; color: gray">This Internal Internal Link is Disabled in PDF</a> <br /> <br /> <span data-target-id="internalLinkTargetID" style="page-break-before: always; font-size: 14px; font-weight: bold; color: green">This HTML element is the target of the custom internal link defined in HTML by Data-Internal-Link-Enabled="true" attribute.<br /> The element has a 'Data-Target-Id' attribute with value 'internalLinkTargetID' matching the value of the 'Data-Link-Target-Id'<br /> attribute of the internal link. </span> <br /> <br /> <span id="disableLinkTargetID" style="page-break-before: always; font-size: 14px; font-weight: bold; color: gray">This HTML element is the target of the internal link disabled by Data-Internal-Link-Enabled="false" attribute. </span> </body> </html>
Base URL