Our HTML code to PDF converter provides a way for us to create and design our own PDF files quickly through a user interface that is easy to use and understand. In the video below I show you how this is done and beneath the video you can read the written tutorial.
Step by Step Instructions
- Enter your HTML code into the text area. If you need help generating the code, turn on the WYSIWYG by clicking on the "Show" link which is located above the textarea.
- Next you can enter a title for the PDF. This is optional.
- Choose a page size. The default is A4. If you'd like to go with a different size, select it from the menu.
- If your code has images in it, you may want to change the image DPI.
- As with the DPI option, if your code has images in it, you can also specify the image quality which is basically the jpeg compression ratio used to generate images. If you need a high quality output, simply select high from the menu.
- You can setup margins or leave as is. Remember to only add numeric values in these fields.
- Select the over all quality of the PDF.
- Choose between "Portrait" or "Landscape" for page orientation.
- Do you want us to load the background? Simply select "Yes" or "No".
- If you'd like your PDF generated in grayscale simply select "Yes", if not, leave it on "No".
- Do you want to load images? If you'd like to only show the text that is within your code, simply select "No", if you'd like images shown, simply select "Yes".
- If your code has javascript in it, this converter can render it, but remember that you must use absolute paths within the code. So if you'd like to render that code, just select "Yes".
- Once you have entered your code and set your output preferences, click the "Convert" button.
- Once your PDF file has been created, you will have the ability to preview it or download it to your computer.
Saving your settings
You can save any output settings (such as page size, image DPI, image quality, margins etc.) for future use by clicking the "Save Settings" button. To revert to the default settings, simply click on the "Reset Form Values" button.
Additional Help
In addition to converting HTML code to a PDF file, you can also convert a URL to PDF which saves time. There are however, some advantages and disadvantages to this. The advantages are that we are capable of rendering Javascript, CSS, HTML4 and HTML5 as well as some Flash content. The disadvantages are that if the webpage is hidden from the public (it's password protected or hidden by other means), we cannot access the webpage. For pages such as those, you can copy and paste the source code of the page to a file and save it, and then upload and convert it using our HTML file to PDF converter.