CKEditor Save to PDF Plugin

September 4th, 2018 / by api2pdf /

Intro

CKEditor4 is a battle tested and widely used WYSIWYG html editor. In this post we will discuss how to use our open source plugin for saving the document to PDF.

Example Code + Demo

Feel free to check out our github page for detailed step by step documentation.

HTML Code

The above HTML code loads CKEditor over the CDN, it also uses rawgit to quickly generate a CDN link we can use for our plugin javascript.

Important Points

1 – You’ll notice most of the code is loaded via CDN, however we have a saveToPdfHandler property that needs to be set in CKEditor.replace

2 – Pick your Handler of Choice, we have sample code for PHP and for ASP.NET, let’s use our ASP.NET classic handler (ASHX) for simplicity

3 – Simply swap out YOURAPIKEY with one you can grab from the api2pdf portal

4 – Putting all of this together you get a result that looks like the demo below:

<div class=”container”><div class=”row justify-content-md-center text-center”><img src=https://api2pdf.com/wp-content/themes/api2pdf/assets/images/logo.png /></div><div class=”page-header”><h2>Quick Start Guide</h2><br /><br /><br /><br /> </div><p class=”lead”><a href=”documentation”>REST API</a> | <a href=”https://pypi.org/project/api2pdf/”>Python SDK</a> | <a href=”https://www.nuget.org/packages/Api2Pdf”>.NET SDK</a></p><br /><br /><br /><br /><br /> <h3>What is Api2Pdf.com?</h3><p>Api2Pdf.com is a REST API for instantly generating PDF documents from HTML, URLs, Microsoft Office Documents (Word, Excel, Powerpoint), and images. The API also supports merge / concatenation of two or more PDFs. Api2Pdf is a wrapper for popular libraries such as <strong>wkhtmltopdf</strong>, <strong>Headless Chrome</strong>, and <strong>LibreOffice</strong>.</p><br /><h3>Acquire API Key</h3><p>Create an account at <a href=”https://portal.api2pdf.com/register”>portal.api2pdf.com</a> to get your API key. It only takes a minute.</p><br /><br /><br /><br /><br /> <h3>Test the API</h3><p>From the URL below, replace {YourApiKey} with your API key you acquired and then copy and paste the URL below into a new browser window to test a simple GET request.</p><h3><code><br /> https://v2018.api2pdf.com/chrome/url?url=https://www.github.com&apikey={YourApiKey}<br /><br /><br /><br /><br /> </code></h3><br /><h3>Next Steps</h3><p>Check out the <a href=”http://www.api2pdf.com/documentation”>REST API docs</a> to see details on the other API calls available along with any advanced options and settings you can use. We also offer convenient packages in both <a href=”https://github.com/Api2Pdf/api2pdf.python”>Python</a> and <a href=”https://github.com/Api2Pdf/api2pdf.dotnet”>.NET</a>. If you have any questions or issues, please reach out to <strong>support@api2pdf.com</strong></p></div>

Thanks for visiting our site. If you are eager to start generating PDFs right away with just a few lines of code, grab your API key and check out our docs!

Tags: ckeditor, ckeditor download as pdf, ckeditor html to pdf, ckeditor pdf, ckeditor pdf plugin, ckeditor save to pdf plugin, ckeditor4