These samples demonstrate techniques for building an extension with an HTML5 UI and behavior implemented in JavaScript.
These samples are still in development. Some of them use CEP 4 and the CC2013 version of the host app, and others are for CEP 5 and the new CC2014 version of the host application. You must have the host application installed to run an extension. Requirements for each sample are listed.
- Supported host apps for CEP 5 include the CC2014 versions of: Dreamweaver, Flash Pro, InDesign, Illustrator, InCopy, Photoshop, Premiere Pro, Prelude, and After Effects.
- Support for the Flash/ActionScript extension model is deprecated in all apps, and has been removed from Photoshop CC2014.
##Before running the samples
The samples provided are unsigned so this will cause the the signature check (built into CEP when first running an extension) to fail. To bypass the signature check, edit the CSXS preference properties file and add a new entry PlayerDebugMode of type "string" with the value of "1". This enables debug extensions to be displayed in the host applications. The CSXS preferences properties file is located at:
Mac: /Users/<username>/Library/Preferences/com.adobe.CSXS.5.plist
Win: regedit > HKEY_CURRENT_USER/Software/Adobe/CSXS.5
-
WebGL with three.js (Contributed by Davide Deraedt) : (description TBD)
Requires CEP 5 and Photoshop CC2014 -
RSSReader : Demonstrates using 3rd party NPM modules in a CEP 5 extension.
Requires CEP 5 and CC2014 version of InDesign/InCopy, Illustrator, or Photoshop -
ExchangeExample : Demonstrates using the new Exchange APIs in a CEP 5 extension. Please refer to the exchangeWorkflows.js file for an example on how to interact with the Exchange APIs.
Requires CEP 5.2, CC2014 product version and Creative Cloud Desktop client installed. -
Collage : Demonstrates the use of Node.js file I/O, CEP file I/O, Progress Meter, keeping UI responsive.
Requires CEP 5 and Photoshop CC2014 -
CEP HTML Test Extension : Showcases most features and capabilities of CEP 5, including events, video, database interaction via Node, native APIs, ExternalObject, HTML FlyOut menus and lots of other good stuff!
Requires CEP 5.2 and a supported CC2014 host app
Although these extensions are initially setup for CEP 4, you can adjust the product version targeted by modifying the range inside the HostList element of the CSXS/manifest.xml file.
-
Flickr : Demonstrates connecting and retrieving assets from a Cloud service (Flickr in this case).
Requires a minimum version of CEP 4 and Photoshop CC -
Trello : Demonstrates loading an external website in an iFrame.
Requires CEP 4 and CC version of Photoshop, Illustrator, or Premiere Pro -
Twitter : Demonstrates how to connect to Twitter and read data that manipulates an Illustrator document.
Requires CEP 4 and Illustrator CC -
UI Showcase : Demonstrates using common JavaScript UI frameworks in CEP extensions.
Requires CEP 4 and CC version of Photoshop, Illustrator, or Premiere Pro -
Websockets : Demonstrates using web sockets in an extension.
Requires CEP 4 and CC version of Photoshop, Illustrator, or Premiere Pro -
XMP Sample Panel : Demonstrates manipulating XMP metadata in CC2014 hosts.
Requires CEP 4 and CC version of Premiere Pro, InDesign, Photoshop, or Illustrator