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
Add HTML in Header and Footer
Add Page Numbering in HTML
Add Header and Footer in External PDFs
Merge Multiple HTMLs into a Single PDF
Page Breaks Control
Insert Page Breaks in PDF Using CSS
Avoid Page Break Inside Elements Using CSS
Insert Page Breaks in PDF Using API
Avoid Page Break Inside Elements Using API
Avoid Page Breaks Inside Images Using API
Screen and Print Media Types
Use Different Styles for Screen and Print
Conversion Triggering Modes
Select Conversion Triggering Mode
Hierachical Bookmarks
Auto Create Hierachical Bookmarks
Select in API the Elements to Bookmark
Select in HTML the Elements to Bookmark
Table of Contents
Auto Create a Table of Contents
Define in HTML the Table of Contents Items
Table of Contents for Multiple HTMLs
Insert PDF Before Table of Contents
Live PDF Forms
Auto Create a Fillable PDF Form
Define in HTML the PDF Form Fields
HTML5 Features
Convert HTML with SVG to PDF
Convert HTML with Web Fonts to PDF
HTTP GET and POST, Proxy Options
Access HTML Pages with GET and POST
Access HTML Pages Through a Proxy
HTTP Headers and Cookies
Add HTTP Headers to HTML Page Request
Add Cookies to HTML Page Request
Fonts Embedding
Embed Fonts in PDF Document
Embed Web Fonts in PDF Document
HTML Elements Location in PDF
Select in API the HTML Elements to Retrieve
Select in HTML the Elements to Retrieve
HTML Elements Visibility in PDF
Use API to Select HTML Elements to Hide
Define in HTML the Elements to Hide
URI Links in PDF
Convert URI Links from HTML to PDF
Define Custom URI Links in HTML
Internal Links in PDF
Convert Internal Links from HTML to PDF
Define Custom Internal Links in HTML
File Links and Attachments
Create File Links and Attachments in PDF
Text Notes in PDF
Create Text Notes in Generated PDF
PDF Actions
Execute JavaScript when Document is Opened
Go To a Page when Document is Opened
Execute JavaScript when a Button is Clicked
HTML to PDF Elements
Add HTML to PDF Elements to PDF
HTML to Image Elements
Add HTML to Image Elements to PDF
Images Quality in Generated PDF
Set Scaling and JPEG Compression Level
Replace Images with Higher Quality Images
Flash and Extensions Support
Convert HTML with Flash to PDF
Watermarks and Stamps
Add Watermarks and Stamps in PDF
PDF/A and PDF/X Standards
Create PDF/A and PDF/X Documents
CMYK and GrayScale Color Spaces
Create CMYK and GrayScale PDF Documents
PDF Viewer Preferences
Set Layout, Mode, Menus and Toolbars
Set Initial Zoom Level
PDF Security Features
Set PDF Permissions and Password
Digitally Sign the Generated PDF
HTML to Image Converter
Convert HTML to a Raster Image
Convert HTML to SVG Vector Image
PDF Creator
Create PDF Documents
HTML to PDF Elements
HTML to Image Elements
Text Elements
Graphic Elements
Image Elements
Headers and Footers
Add HTML in Header and Footer
Add Page Numbering in HTML
Add Header and Footer in External PDFs
Bookmarks
PDF Forms
URI Links
Internal Links
File Attachments
Text Notes
PDF Actions
Execute JavaScript when Document is Opened
Go To a Page when Document is Opened
Execute JavaScript when a Button is Clicked
Viewer Preferences
Set Layout, Mode, Menus and Toolbars
Set Initial Zoom Level
PDF Security
Set PDF Permissions and Password
Digitally Sign a PDF Document
PDF Editor
Merge PDF Documents
Stamp PDF Documents
Live Demo
Description
Sample Code
Select in HTML the Elements for Which to Retrieve Information
Winnovative HTML to PDF Converter allows you to retrieve detailed information about any element of the HTML page. You can get the element tag name, CSS class name, ID, HTML code of the element and attributes. You can select the elements for which to retrieve the information by adding the 'data-mapping-enabled' attribute to element directly in HTML page. Additionally you can set a unique ID for an element with 'data-mapping-id' to help you find the element in the collection of retrieved elements. 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 Mapping Attributes
Convert URL or Local File
HTML String with Mapping Attributes
<!DOCTYPE html> <html> <head> <title>Select in HTML the Elements for Which to Retrieve Information</title> </head> <body style="font-family: 'Times New Roman'; font-size: 14px"> <span style="font-size: 24px; font-weight: bold; color: navy">Select the HTML Elements Using 'Data-Mapping-Enabled' Attribute</span><br /> <br /> <span style="font-size: 14px; color: black">Detailed information about the following elements will be retrieved and displayed right in the generated PDF: </span> <br /> <br /> <!-- HTML elements for which to retrieve detailed information --> <img data-mapping-enabled="true" data-mapping-id="logo_image" alt="Logo Image" src="img/logo.jpg" id="imageHtmlID" /> <br /> <br /> <a data-mapping-enabled="true" data-mapping-id="link_to_website" style="font-size: 18px; font-weight: bold; color: navy" href="http://www.winnovative-software.com" id="linkHtmlID">Visit Winnovative HTML to PDF Converter Website</a> </body> </html>
Base URL