10 Minutes to create a PDF Editor using Vite, React and JavaScript

You could spend months writing your own PDF editor, or you can use the Apryse WebViewer. WebViewer is extremely functional, allowing you to view and edit PDFs, plus work with annotations, redaction and a host of other capabilities. It also supports viewing, editing and creation of DOCX files.

Better still WebViewer is easy to get started with, and in just 10 minutes you could have an app running that allows you to edit PDFs.

This video is even shorter than 10 minutes and takes you through the various steps that you need to get started. From that point you can explore the functionality and see how much time this library can save you.

Chapters
00:00 Introduction
00:26 Scaffolding the app
01:03 Installing dependencies
02:01 Installing WebViewer
02:17 Copying static assets to the public folder
02:56 Create a Div element
03:05 Instantiating WebViewer
04:45 Fixing problems with default CSS
05:25 StrictMode causing a second WebViewer

Useful links