Some test text!

Sept 16 2022

The Best In-browser PDF Editor Just Got Even Better

by Andrey Safonov

blog banner for javascript pdf editor upates

PDFTron's state-of-the-art, JavaScript PDF editor just got even better with new features to streamline editing, including new ToC editing, personal bookmarks, and a new UX for the in-line PDF text and image editor. 

When we first launched the WebViewer editor, a JavaScript solution to add PDF editing to any web application, our goal was to bring a word-processor-style experience for PDFs into the browser. In a short time, we've added many improvements to make the UX smoother and users more productive. 

Today's exciting enhancements are all built around making it even easier for users to edit PDFs without leaving their web applications. Highlights include significant UX improvements to the in-line PDF text and image editor, the ability to edit or create a table of contents, and new personal bookmarks. 

This rich PDF editor embeds directly into an enterprise digital workflow or commercial product – without relying on a server to edit documents. As a result, developers can release secure features faster and leverage other benefits of client-side processing, including improved reliability and performance from on-demand processing. 

Try out new editor features in our showcase. If you’d like some demos, we have one for

,
editing PDF tables of content
, and
bookmarking

Find related documentation on how to add PDF editing to your web app at the end of this post.

New UX for PDF Text and Image Editing

PDFTron WebViewer

introduced our inline PDF text editing engine, bringing a desktop-caliber PDF editor into the browser. Unlike many desktop tools, the component also supports reflow of content. This is a powerful feature, as users can make changes quickly, with confidence that the revised document looks and flows like the original – no need to manually fix the flow when you edit or add paragraphs.

WebViewer's state-of-the-art PDF text editor

The new in-browser PDF text and image editor UI

For versions of WebViewer starting with 8.8, we built upon this state-of-the-art foundation. It's now even easier to edit, move, resize, or delete PDF text and images. 

Additions include:  

  • Ability to directly edit in-line text and create brand-new paragraphs as you go 
  • Select font size and font family, and apply font styles (bold, italic, underline, and more) 
  • Insert and embed images inside a PDF  

How to Edit PDF Text and Images in WebViewer

In WebViewer, simply enter ‘Edit Text’ mode and then double-click paragraphs and images to edit them. 

In the text styling panel, you can change font size, font style, and align text in a paragraph. (WebViewer automatically detects existing styles in the document.)  

You can also create or edit hyperlinks and manipulate images, both existing and those you’ve previously inserted, including their placement and size. 

Add Personal Bookmarks

Screen capture of a personal bookmark UI

New personal bookmarks let users mark their place straight from the page itself

Reviews aren’t always linear and users might need to revisit content later. New Personal Bookmarks let users mark places in a long document or highlight important sections during note taking, so there’s no chance of forgetting revisits or not being able to find the material later. You can also easily edit your bookmark names to add useful context.

In addition, so you can retain focus while reading, use the new quick shortcut icon (top right corner) to click and place a quick bookmark on a page to save your position. Later, you can easily revisit your favorite spots via the bookmarks panel.

Edit Table of Contents

A document outline or table of contents offer effective ways to navigate a PDF document. Using shortcuts to chapters, sections, or subsections, users can skip to where they want to go, without reading an entire document word by word. This makes analysis and reviews much easier. 

WebViewer brings intuitive outline editing to user fingertips via support for outlines compliant with the PDF specification.  

Image of editing the table of contents outline

Using the outline editor, users can revise a document’s existing ToC, or quickly create a new one for a document without an outline. Compliant support for PDF outlines is also critical for accessibility, such as for screen readers for the visually impaired that require a compliant outline in the document.

Multi-Select Table of Contents  

If creating and editing existing tables of contents wasn’t enough, the latest update to WebViewer also makes editing tables of content much more efficient for long PDFs with many subsections.  

In workflows where users assemble documents or delete pages, changes can affect the existing table of contents. A new multi-select feature makes updating the outline much quicker. Users can multi-select sections and drag and drop them together to the correct place.  

Next Steps

Learn more about PDF editor functionality and get-started steps in the documentation: 

Later, you can explore all the JS functionality PDFTron offers in the

. And if you have any questions or features you would like to see next, don’t hesitate to
reach out to us
directly. 

Related articles

thumbnail

Our Biggest Release Yet: Introducing PDFTron’s Fall 2022 Lineup

Check out what’s new and unique in the PDFTron Fall 2022 Release, packed with additions to the WebViewer JavaScript SDK. Includes desktop-caliber PDF editing in the browser, a new signature solution, a new BIM solution, and much more.

thumbnail

Spot the Difference - New Comparisons for Documents

WebViewer 8.9 introduces two new, powerful view modes for intuitive viewing and comparisons in any web application for PDFs, MS Office files, and images.

thumbnail

"Signature" Signatures - Custom Signing Made Easy

New workflow improvements in the WebViewer SDK make signing documents even easier.

ANDREY SAFONOV

Head of Product

First a developer then a solution engineer. Now a product team leader and dev experience advocate.

Related Products

Share this post

Upcoming Webinar: Customer Experience and Retaining Control: Boosting Document Automation and Efficiency in Financial Services | Sept 15, 2022 at 11 am PT

PDFTron SDK

The Platform

NEW

© 2022 PDFTron Systems Inc. All rights reserved.

Privacy

Terms of Use