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