Integrating PrizmDoc Editor and Using a Workflow in Your Application
For a little under a year now, Iβve been working on Accusoftβs recently released PrizmDoc Editor, and Iβm really excited to see how our customers start to integrate it into their products! Originally I was going to be writing a post about how to get PrizmDoc Editor running and embedded into your app, but if youβve seen our getting started guide you already know how easy it is.
Instead, Iβm going to write a sample application with you that integrates the editor and goes through a pretty basic (but typical) workflow with it. If you havenβt already read the getting started guide, do that now and make sure you understand how to start the docker container. Iβll wait for you here.
Our goal will be to create an application called SketchyDocx that allows users to upload and edit DOCX files. Weβll use React to create the UI for the sample, style it with handdrawn.css, and (to keep things simple for purposes of the sample) Parcel to build the project. I chose to use yarn as my package manager, but npm works as well.
If you want to set up your project directory before getting to the code, this is what it will look like when weβre done:
Let’s start by initializing the project and installing some dependencies:
And now letβs set up some scripts and a basic React app:
Package.json (yours will look slightly different depending on what you specified in yarn init):
If you go ahead and run yarn start now, Parcel will build the project for you and start a development server so you can navigate to it in your browser. The default location should be http://localhost:1234/.
Next up, weβll upload documents into PrizmDoc Editor. Iβll show you how in the rest of my article here.
Josh Letcher, Software Engineer, PrizmDoc Editor
Josh Letcher joined Accusoft as a software engineer in support in 2016 after graduating from Stetson University with a degree in Computer Science and Mathematics. He was promoted to software engineer on the PrizmDoc team in November of that year and is currently working as a software engineer on the PrizmDoc Editor team. While in college, he had an internship focused on automated testing, where he gained the knowledge he uses to help with the testing efforts of Accusoftβs PrizmDoc family of products. When not programming, Josh enjoys playing video games, dancing, and playing with his dog Hazel.