【问题标题】：Adobe CC: How HTML5 extensions work?Adobe CC：HTML5 扩展如何工作？
【发布时间】：2016-04-05 13:01:57
【问题描述】：

最近，我一直在研究如何创建 Adobe 扩展。在 CC 版本中，您可以构建仅包含 HTML/CSS/JS 知识的 HTML5 扩展。这听起来很有趣，但是我唯一不确定它们是如何工作的，而且那里没有太多资源。我读了Extensibility Overview。它没有多大帮助。基本上，我想做的是看看扩展如何与 Adobe 产品通信，有什么限制？一个很好的例子是 Flexi Layouts 3。它是如何做到的？它真的是 Dreamweaver 扩展吗？

【问题讨论】：

标签： adobe htmlextensions adobe-cc

【解决方案1】：

关于 Adobe Extension Builder 的链接可能会回答您的问题：

http://www.adobe.com/devnet/creativesuite/cs-extension-builder.html

您会在此处找到HTML5 extensions 的介绍，包括short guide 和repo to sample extensions。

【讨论】：

【解决方案2】：

概述

HTML5 扩展在称为 CEP（通用扩展平台）的技术上运行。

为了获得概览并了解如何开始，我们提供了一个新的CEP Getting Started repo on GitHub，应该会有所帮助。

您的问题

基本上，我想做的是看看扩展如何与 Adobe 产品通信，有什么限制？

CEP 扩展通过名为 evalScript() 的 CEP 库 (CSInterface) 方法与宿主应用程序（Photoshop、InDesign、Premiere Pro 等）的脚本引擎进行通信。

这是上面存储库中入门指南中的基本示例：

/* 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 扩展调用该引擎。

【讨论】：