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
File Links and Attachments
Text Notes in PDF
Create Text Notes in Generated 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
Add Text Notes to Generated PDF Document
EVO HTML to PDF Converter allows you create text notes marked by appropriate icons in the generated PDF document. In this demo some of the HTML elements from converted HTML document are marked to become icons for text notes in generated PDF document. 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:
HTML String with Markers for Text Notes
<!DOCTYPE html> <html> <head> <title>Add Text Notes to PDF</title> </head> <body style="font-family: 'Times New Roman'; font-size: 14px"> <span style="font-size: 24px; font-weight: bold">Text Notes</span><br /> <br /> <span style="">Click the next icon to open the the text note:</span> <span data-mapping-enabled="true" data-mapping-id="text_note"> </span><br /> <br /> <span style="">This is an already opened text note:</span> <span data-mapping-enabled="true" data-mapping-id="text_note_opened"> </span><br /> <br /> <span style="">Click the next icon to open the the help note:</span> <span data-mapping-enabled="true" data-mapping-id="help_note"> </span><br /> <br /> <span style="">This is an already opened help note:</span> <span data-mapping-enabled="true" data-mapping-id="help_note_opened"> </span><br /> <br /> <span style="">Click the next icon to open the comment:</span> <span data-mapping-enabled="true" data-mapping-id="comment_note"> </span><br /> <br /> <span style="">This is an already opened comment:</span> <span data-mapping-enabled="true" data-mapping-id="comment_note_opened"> </span><br /> <br /> <span style="">Click the next icon to open the paragraph note:</span> <span data-mapping-enabled="true" data-mapping-id="paragraph_note"> </span><br /> <br /> <span style="">Click the next icon to open the new paragraph note:</span> <span data-mapping-enabled="true" data-mapping-id="new_paragraph_note"> </span><br /> <br /> <span style="">Click the next icon to open the key note:</span> <span data-mapping-enabled="true" data-mapping-id="key_note"> </span><br /> </body> </html>
Base URL
