Adobe CC: как работают расширения HTML5?
Недавно я изучал, как создать расширение Adobe. В версиях CC вы можете создавать расширения HTML5, которые включают знание только HTML/CSS/JS. Это звучит очень интересно, но, единственное, я не уверен, как они работают, и там не так много ресурсов. Я прочитал Обзор расширяемости. Это не очень помогло. По сути, я пытаюсь понять, как расширение может взаимодействовать с продуктом Adobe и каковы ограничения? Хорошим примером будет Flexi Layouts 3. Как он делает то, что делает? Это действительно расширение Dreamweaver?
2 ответа
обзор
Расширения HTML5 работают по технологии CEP (Common Extensibility Platform).
Чтобы получить обзор и узнать, как начать, у нас есть новое репозиторий CEP Getting Started на GitHub, который должен быть полезным.
Ваш вопрос
По сути, я пытаюсь понять, как расширение может взаимодействовать с продуктом Adobe и каковы ограничения?
Расширения CEP взаимодействуют с механизмом сценариев хост-приложения (Photoshop, InDesign, Premiere Pro и т. Д.) Через библиотеку CEP (CSInterface) метод называется evalScript(),
Вот основной пример из руководства по началу работы в репозитории выше:
/* 1) Create an instance of CSInterface. */
var csInterface = new CSInterface();
/* 2) Make a reference to your HTML button and add a click handler. */
var openButton = document.querySelector("#open-button");
openButton.addEventListener("click", openDoc);
/* 3) Write a helper function to pass instructions to the ExtendScript side. */
function openDoc() {
csInterface.evalScript("openDocument()");
}
Что касается ограничений, это будет зависеть от того, что вы хотите сделать. Если механизм сценариев ExtendScript хост-приложения поддерживает ваш сценарий использования, вы сможете выполнять вызовы этого механизма из вашего расширения CEP.
Эта ссылка о Adobe Extension Builder может ответить на ваш вопрос:
http://www.adobe.com/devnet/creativesuite/cs-extension-builder.html
Там вы найдете введение в расширения HTML5, включая краткое руководство, и репозиторий с примерами расширений.