Skip to content

Latest commit

 

History

History
54 lines (31 loc) · 2.77 KB

README.md

File metadata and controls

54 lines (31 loc) · 2.77 KB

Pexels Adobe InDesign Plugin

screen shot

An Adobe CEP plugin for searching Pexels photos and importing them directly into an InDesign document.

This project was bootstrapped with Create React App.

Available Scripts

In the project directory, you can run:

npm start

Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.

The page will reload if you make edits.
You will also see any lint errors in the console.

Developing in this mode is best for UI updates and adding new functionality that is not dependent upon interactions with the Adobe InDesign application. For those changes you will need to set up your local environment for Adobe CEP plugin development.

npm run build

Builds the app for production to the build folder.
It correctly bundles React in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes.

All of the configuration and code files required to compile and/or run the Adobe CEP plugin are also copied into the build directory. See more below on running within Adobe InDesign.

Running in Adobe InDesign

There are only a few steps required to run in the plugin locally within Adobe InDesign. You will need to do this to test downloading images as well as any changes involving interactions with InDesign.

Unistall the Existing Plugin

If you have previously installed the Pexels plugin from Adobe Exchange you will need to uninstall it first. It can easily be re-enabled when you are done developing.

Build the Project

In a following step you will create a symlink to the build directory from the Adobe CEP extensions directory. To do so npm run build first.

Configure Your Local Machine

Follow the instructions on the CEP Extensions Cookbook for "Debugging Unsigned Extensions".

This configuration allows the plugin to run without the normal security checks Adobe enforces so you can point directly to the built code.

Next, create the link in the CEP extensions folder to your Git directory's build folder. The CEP Extenstions Cookbook section on "Extension Folders" has details as to where the extensions folder resides on your envoronment.