Introducing HTML5 Extensions

When Creative Cloud was launched in June 2013, we added support for HTML5-based panels in several Adobe products. These new panels open up the world of panel development to a wider range of developers who may be more comfortable working with HTML/JavaScript and CSS. Since June, support for HTML5-based panels has been added to more Adobe products. As of now Photoshop CC, Illustrator CC, Premiere Pro CC and Prelude CC support HTML5-based panels.
A preview of Adobe Extension Builder 3, a new developer tool that supports creating HTML5-based extensions, was launched in June at Adobe Labs. You can download it for free from here: http://labs.adobe.com/technologies/extensionbuilder3/
Starting in the middle of 2014 we will begin removing Flash-based extension support in Creative Cloud products, starting with Photoshop CC. We encourage all developers to start planning and migrating to the new extensibility framework based on HTML5.
HTML5-based panels allow developers to leverage the rich ecosystem of existing JavaScript frameworks and tools when creating their panels. HTML5-based panels share the same technology with web applications, which opens up exciting opportunities for integration with web services.
Check out these videos to see how to build and debug HTML5 Extensions.

You do realize that the goals and interests of Adobe and those of the developer community are somewhat diametrical. Adobe wants to sell its latest products or recently to get people to sign up for creative cloud. The developer community wants to offer their products to a broad audience. That is we do care to support at least a couple of software versions into the past. Supporting only CC would really narrow our group of potential customers especially with the group existing that despise of the "software as a service" route of recent days. Now adding new features to PS CC is great, please keep doing that. HTML5 panels seem like an interesting idea, too.
But removing features from PS CC is a bad idea! In that you do two things. You force developers to develop two panel versions – one Flex based for CS4 through CS6 and one HTML5 based for the future PS CC. By removing support for the flash based panels you have been propagating for the last years you bring your customers into a predicament, too. They can’t use stuff they bought and that uses panels. They will not necessarily get free upgrades to any such products nor will such updates even necessarily be available. In the old perpetual license world that would have been no problem. You could keep you PS CSx (where “x” is any version) installed paralelly and be happy with it.
Today - if you don’t also own CSx - can you keep multiple versions of PS CC installed? I think not. Therefore removing functionality from PS CC that once was in PS CC is a really bad idea in my opinion. Especially since the Flash stuff is Adobe’s own technology it seems kind of nonsensical to kill its support.

Similar Messages

HTML5 Extensions for Bridge

Many other Adobe products are moving to HTML5-based panels (http://blogs.adobe.com/cssdk/2013/09/introducing-html5-extensions.html), is there any way to find out if Bridge will do this too?
Thanks

Would love to know that too! Very much hope it will.

HTML5 extensions and Creative Cloud example

Where do I find the IMSInterface-4.0.0.js lib used in the HTML5 extensions and Creative Cloud example?
http://www.adobe.com/devnet/creativesuite/articles/introducing-html5-extensions.html
Are the showcased examples available for download?

Hiu Ulf,
I would recommend using different Adobe Id than those that you have CS5.5 registered to if possible. I have seen conflicts with that in the past.
The software needs admin rights to install, it does support deployment type installations. Whether the installs would need to be done by the IT department would depend on how the company's network is setup and whether the users have admin rights to the computers.
It is possible to switch usage for a particular email address for temporary use.
These resources might help too.
http://www.adobe.com/products/creativecloud/faq.html#cc-teams
http://helpx.adobe.com/creative-cloud/help/manage-creative-cloud-teams-membership.html
-Dave

Photoshop CC 2014 and HTML5 Extensions/Panels

I first asked about getting Adobe Configurator 4 working with Photoshop CC 2014, but then I learned that the new PS doesn't use Flash anymore so this method won't work.
I don't want to download the 1.2gb trial of Extension Builder 2, rather I am trying to follow A Short Guide to HTML5 Extensions. But it is unclear on where on disk to actually save the files.

Thanks man..:-)
Den 10/07/2014 11.20 skrev "Mylenium" <[email protected]>:
photoshop cc 2014 and lightroom 5.5 created by Mylenium
<https://forums.adobe.com/people/Mylenium> in Adobe Creative Cloud - View
the full discussion <https://forums.adobe.com/message/6538362#6538362>

How to read write file in HTML5 extension

Hi,
I think it could be very generic question since moving from Flex to HTML5 extension is loosing ability to read write a file in local file system.
I'm trying to write a log file within extension space but It throws error as 'TypeError: Illegal constructor'
new File(csInterface.getSystemPath(SystemPath.EXTENSION)+"/log/Log_"+.getCurrentDateString+".txt");
does someone have solve for this.
Thanks in advance
MM

Yeah, It could be a reason for nested error but I got the error right before executing "getCurrentDateString". But I kind of figured it out as Javascript looses ability to read write file in user file system except Crome browser, you can read more here. However Adobe has added fs API within CEP which allows user to read and write file in user system.
Here is some peace of code on how to do it, complete API reference check here :
var result = window.cep.fs.writeFile(logFilepath, "Your data goes here");
if(result.err != 0)
throw new Error("Result object has error");
However still this does not provide any method to append the content in existing file as a result if you wanted to write kind of log file, every time you need to first read the file and then concatenate your content to file data then write data again to new file. sound hefty to append content?
I'm hoping if any Adobe staff has any comment on this.
Thanks
MM

Passing unicode characters from ExtendScript to HTML5 extension

I need to pass some Japanese text from ExtendScript to the HTML5 extension. But when I receive the string from the extension it's broken in the middle.
Is there a way to fix this?

Hi Mylenium,
The program just loads useless to use your words when I try to pass a file from Illustrator to Photoshop and when I click anywhere in Illustrator I get Program "Not responding" it doesn't crashes (stops) it stais opened but it doesn't do anything so I need to close it by force from task manager because I can't do anything with it.... Once I left it over night to save an important file and just in the morning I managed to do that so after a while it comes round but all the time there are different periouds of pending. Anyway this is not normal and I should be able to use the program in normal parameters with a powerful system.
I don't have any processor over load in the task manager I don't have anything unusual that indicates an over load of information, that's my problem. My guess is that I have a system incompatibility but I don't know where so that's why I asked for Adobe's help. Again I didn't had this problem using the same pack (CS5) with a less powerful system...
If there are any creash logs pelase tell me where can I find them ?

HTML5 Extensions for Photoshop CS5 and above ?

Hi guys,
I am trying to get into developing HTML5 extensions for Photoshop, and I'm a little confused about the compatibility of this kind of extension across the different versions.
I have downloaded this starting point code (hallodom/photoshop-extension-example · GitHub) and it runs without problems on Photoshop CC. I just added the manifest.xml file in a CSXS folder, based on what I got from a dummy projet I created with Extension Builder 3.
Now I have tried to make this work in CC 2014, without success. All I did is move the extension from the CEPServiceManager4 folder to simply CEP, and update this part of the manifest.xml :
<HostList>
<Host Name="PHSP" Version="[15.0,15.9]" />
<Host Name="PHXS" Version="[15.0,15.9]" />
</HostList>
The extension appears in the Extensions menu, but when I launch it, the panel appears but is empty, and I get the following error message :
Cannot complete command because the extension could not be loaded.
Also I wanted to know if this kind of extension can be used on CS5, CS6 ? I really would like to make an extension that works at least from CS5 and above.
Thanks for your help!

Hi,
You should probably set the Debug Flag for CC 2014 too, see instruction here:
undavide/PS-Panels-Boilerplate · GitHub
(PS: HTML extensions are for CC onwards, not CS6 and previous versions)
Regards
Davide Barranca
www.davidebarranca.com
www.cs-extensions.com

HTML5 Extensions

As you may be aware of, when Creative Cloud was launched in June 2013, we added support for HTML5-based panels in several Adobe products. These new panels open up the world of panel development to a wider range of developers who may be more comfortable working with HTML/JavaScript and CSS. Since June, support for HTML5-based panels has been added to more Adobe products. As of now Photoshop CC, Illustrator CC, Premiere Pro CC and Prelude CC support HTML5-based panels.
A preview of Adobe Extension Builder 3, a new developer tool that supports creating HTML5-based extensions, was launched in June at Adobe Labs. You can download it for free from here: http://labs.adobe.com/technologies/extensionbuilder3/
Starting in the middle of 2014 we will begin removing Flash-based extension support in Creative Cloud products, starting with Photoshop CC. We encourage all developers to start planning and migrating to the new extensibility framework based on HTML5.
HTML5-based panels allow developers to leverage the rich ecosystem of existing JavaScript frameworks and tools when creating their panels. HTML5-based panels share the same technology with web applications, which opens up exciting opportunities for integration with web services.
Check out these videos to see how to build and debug HTML5 Extensions.

That sounds nice! I already tried out the demo from Extension Builder 3 Preview and am now trying to go beyond that with an extension panel for Premiere Pro CC 7.0 but somehow I'm not able to find or load the DOM into the objectmodel-viewer of the Extendscript Toolkit CC. According to the JavaScript Tools Guide CC it should be available after application launch or target selection in the Toolkit. Also I couldn't find a host adapter for it. Any hints on that?
Best regards,
Filip

Photoshop HTML5 extension caches iframe all the time

I have HTML5 extension in Photoshop CC.
Adobe Photoshop Version: 14.2.1 (14.2.1 20140207.r.570 2014/02/07:23:00:00) x64
Operating System: Mac OS 10.9.2
In my extension I have iframe that points to some extrnal address.
For some reason PS caches this iframe and does not want to load newest versions of files...
For example this is index.html that is loaded in iframe:
<html>
<head>
<script src="myscript.js">
</head>
<body>
</body>
</html>
When I open extension then myscript.js is loaded properly in iframe.
Then I upload new version of myscript.js to my server.
When I restart photoshop and iframe is loaded, the old version of myscript.js is loaded.
I am sure that myscript.js is not cached on server because when I visit myserver.com/myscript.js in chrome for example I see new version of file.
And when I debug extension (using CEF debug mode - it looks exacly like chrome debugger) under "network" tab I can see that myscript.js is loaded, but when I preview it, it is still old version of file.
Is there any option to stop caching on PS side?

I have exactly the same problem, but In Premiere.
Did you manage to solve this?
Thanks,
Jeff.

HTML5 Extensions don't load within InDesign CC 2014

Hello there,
We've been having trouble getting any of the HTML5 extension examples provided on the Github repo to load.
The debugging boolean has been implemented (for both com.adobe.CSXS.4.plist AND com.adobe.CSXS.5.plist), and we can open the extensions in InDesign through the Window > Extensions pallete, only no HTML content loads.
The examples have been unedited — simply placed in the ~/Library/Application Support/Adobe/CEP path as indicated in the SDK.
Is there any reason why the HTML wouldn't display?
We are using InDesign CC 2014 10.0.0.70 Build on OS X 10.9.4
Thanks,
John Pobojewski / Thirst

Hi,
Ignore my last post, I didn't notice you had already posted the solution.
Actually, you can just kill the cprefsd process for your user. The process will automatically restart. Alternatively, you can log out, and log in. No need for a full restart.
Best regards,
Hallgrimur

Can't sign adobe html5 extension - problem with certificate

1. I want to package my html extension for photoshop CC.
2. I have tried to use ZXPSignCmd to build and sign extension package.
3. For self-signed certificate it works.
4. Now we bought root signed certificate from GlobalSign but ZXPSignCmd fails when we try to use it:
Output from ZXPSignCmd:
Unable to build a valid certificate chain. Please make sure that all certificates are included in the certificate file.
We are sure that our certificate & password are correct (inside .p12 file we have 3 certs - root, intermediate and ours).
We tried to use Adobe packaging tools: Configurator / Packager and each of them returns error that there is a problem with certificate. On the other side I was able to use ucf.jar to package another plugin with our certificate - so certificate is correct I guess.
How we can package HTML5 Extension with manifest.xml and sign it with our certificate for Photoshop CC?
We are trying to solve this for few hours so far but nothing seems to work...
Please help.

I know this is a late reply, but I thought I would chime in as I was getting the same "Unable to build a valid certificate chain. Please make sure that all certificates are included in the certificate file." error with our new Comodo code signing certificate.
I originally received the code-signing certificate from Comodo as a .p7s file by downloading it from Comodo using Safari on Mac OS X Mavericks. I then imported it into Keychain Access (KA) by double-clicking the .p7s file after it was downloaded. From KA, I selected all of the certificates in the chain (by command-clicking each cert) and then exported them as single .p12 file.
When using this the KA generated .p12 file I got the "certificate chain" error when using the ZXPSignCmd or ucf.jar tool. After way too many hours of head scratching, I decided to import the .p12 file created from KA into FireFox on Mac (v33.0.2) and re-export it from there. To import the .p12 into FireFox go to the import dialog: FireFox > Preferences > Advanced > Certificates Tab > View Certificates Button > Your Certificates Tab > Import Button. Once imported, export it back out as a .p12 file using the "Backup" button in the same dialog box. Yes, you are importing the .p12 just to re-export it as a .p12!
Using the FireFox created .p12 works without error when using ZXPSignCmd and ucf.jar. I don't know if this a Keychain Access issue or if Adobe is just picky about how the .p12 file is created, but having FireFox do the .p12 creation worked for me.
I hope this helps!
-- Jim Birkenseer
www.premediasystems.com

Photoshop events in HTML5 extension

Hi,
I am getting started with HTML5 extensions. I am using extension builder 3 and created a new stock project using the "New project" wizard. It is all working as promised, but I am having trouble finding out how to listen to Photoshop specific events. Is this implemented yet? I found that in the eclipse plugin zip file there was a jar that included the raw js files, among them the CSX*.js library that shows up with the stock project. There was also a file called ps_host_adapter*.js, which after reading through, seems to implement what I am after.
So I am trying:
1.) Loading that JS file in the main html file
2.) Invoking the following code in onLoad():
PSEventHandler.getInstance().addEventListener(PSEvent.OPEN, onOpen);
I would expect the "onOpen" callback to be called when I open a new document in Photoshop, but nothing happens. Seeing this is really underdocumented and I have wasted numerous hours trying to figure it out by trial and error and reading source code, I though I might as well sign up here and ask.
Thanks!

I would be interested as well if anyone has gotten this working or can point to any documentation.
-Tim

Is there a linux script for packaging HTML5 extensions

I am looking for a way to package an HTML5 extension in a linux environment. The available downloads don't seem to include a linux compatible executable.
http://labs.adobe.com/downloads/extensionbuilder3.html

You can use the following in a script if you don't mind exposing your
password:
java weblogic.Admin t3://myhost:myport SHUTDOWN system <password> <seconds>
Guy
In weblogic.developer.interest.environment Gaurav Khanna <[email protected]> wrote:
Hi,
Is there a stop script for weblogc 4.5.1 on NT?? There is one for starting
the server.
Thanks

Is Illustrator host adapter support available for HTML5 extensions?

From what I can see in the extension builder 3 install, a JavaScript host adpater interface is only available for Photoshop. Is this correct? If so, is there a timeline for the availability of host adapter support for Illustrator? This is a critical need for us to be able to transition our Extensions from the Flex framework to the new HTML5 framework.

From what I can see in the extension builder 3 install, a JavaScript host adpater interface is only available for Photoshop. Is this correct? If so, is there a timeline for the availability of host adapter support for Illustrator? This is a critical need for us to be able to transition our Extensions from the Flex framework to the new HTML5 framework.

Why cookies are not visible to javascript since 14.2 in HTML5 extensions?

Using Photoshop 14.2
Before 14.2:
console.log(document.cookie); // this wasnt working
$.ajax('https://some/api/endpoint',{
        success: function(d,s,r) { console.log r.getResponseHeader('set-cookie') } // this was working - I could read cookie
        type: 'post',
        data: { email: '[email protected]', password: 'somepasswd' }
After 14.2:
Neither options work...
Just cant read cookie in javascript - but I am sure cookies work because on other api calls cookie is sent to server...
And I am sure that cookies options 'httpOnly' is set to false.
Even in chrome debugger under 'network' tab I cant see any cookies returned from server after api call.
Did Adobe change something with cookie management?
I need this to allow user to remember his account and auto login in extension. I know that cookies persist only during Host session but before 14.2 I could at least read cookie, save it to the file and after Host Application restart read the file and add cokkie to ajax call header... Now I cant do anything...

This is a known issue of CEP (Common Extensibility Platform, a DLL that supports displaying extensions). Code like “document.cookie” in HTML extension is invalid because CEF (CEP integrated CEF3 to display HTML Extensions) intentionally disables cookies on "file://..." for a variety of reasons.
However, CEP stores cookies at:
Windows: "C:\Users\yourusername\AppData\Local\Temp\cep_cookies"
Mac: "/Users/yourusername/Library/Logs/CSXS/cep_cookies"
Please let me know if more information is needed, thanks

Introducing HTML5 Extensions

Similar Messages

Maybe you are looking for