Boilerplate and Demo code for Adobe Photoshop CC (and following) HTML Panels.
This repository is going to gather code related to the new breed of Adobe Creative Cloud HTML Panels (Flash panels' support has been dropped with Photoshop CC 2014, version 15.0).
You'll find here:
-
Boilerplate code that you can use as a starting point for your own panels.
-
Demo Panels showing how to implement a particular feature.
I use to blog about Photoshop extensions, so chances are you'll find in this repository some code I've written about on my website.
Please see this INDEX.md for a list of all the content. Refer to each folder's readme for extra info.
There's nothing to actually install; in the /src you'll mostly find panels (i.e. folders that uses the following naming convention: com.undavide.panelName).
Just grab the one you're interested into and copy to the following folder:
[WIN - user]: C:\<username>\AppData\Roaming\Adobe\CEP\extensions
[MAC - user]: ~/Library/Application Support/Adobe/CEP/extensions
In case you want the panel to be available to all the users, these are the System paths:
[WIN]: C:/Program Files (x86)/Common Files/Adobe/CEP/extensions/
[MAC]: /Library/Application Support/Adobe/CEP/extensions
For an unsigned panel to work on your system, you have to set a debug flag (do it once and will be ok)
[WIN]: regedit > HKEY_CURRENT_USER/Software/Adobe/CSXS.5
[MAC]: /Users/<username>/Library/Preferences/com.adobe.CSXS.5.plist
Add a new entry PlayerDebugMode of type "string" with the value of "1". This enables debug extensions to be displayed in the host applications.
Special notes for Mac 10.9 - Starting with Mac 10.9, Apple introduced a caching mechanism for plist files. Your modifications to plist files does not take effect until the cache gets updated (on a periodic basis, you cannot know exactly when the update will happen). To make sure your modifications take effect, there are two methods.
-
Kill
cfprefsdprocess. It will restart automatically. Then the update takes effect. -
Restart your Mac, or log out the current user and re-log in. For more information, see here.
If you dig HTML Panels you might be interested in
-
The Adobe CEP page on GitHub, listing lot of resources.
-
My HTML Panels Tip series:
- #14 Flyout Menu
- #13 Automate ZXP Packaging with Gulp.js
- #12 CEP Application Events
- #11 CEP Events (ExternalObject)
- #10 Packaging and ZXP installers
- #09 Persistence
- #08 Photoshop Events, take 2
- #07 Photoshop Events, take 1
- #06 Integrating Topcoat CSS
- #05 Passing Objects from JSX to the Panel
- #04 Passing Objects from the Panel to JSX
- #03 Passing simple data from JSX to the Panel
- #02 Including multiple JSX
- #01 Debugging
-
David Deraedt GitHub page - he's doing a great work with a Sublime Text package and a Brackets extensions, that help in the creation of new projects based on his own templates. Recommended!
Copyright (c) 2014 Davide Barranca, MIT license.