Define Custom Internal Links in HTML

Home

Contact

HOME

HTML to PDF

	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 Background and Foreground

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

EVO 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.

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" style="width: 350px" src="img/logo.jpg" />
 </td>
 <td style="font-size: 40px; font-weight: normal; color: navy; text-align: center">>>>
 </td>
 </tr>
 </table>
 
 
 The Internal Link Below was Explicitly Disabled Using 'Data-Internal-Link-Enabled' Attribute: 
 
 <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>
 
 
 This HTML element is the target of the custom internal link defined in HTML by Data-Internal-Link-Enabled="true" attribute. 
 The element has a 'Data-Target-Id' attribute with value 'internalLinkTargetID' matching the value of the 'Data-Link-Target-Id' 
 attribute of the internal link.
 
 
 
 This HTML element is the target of the internal link disabled by Data-Internal-Link-Enabled="false" attribute.
 
</body>
</html>

Base URL