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
Select in API the HTML Elements to Retrieve
Select in HTML the Elements to Retrieve
HTML Elements Visibility in PDF
URI Links in PDF
Internal Links in PDF
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
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