Adobe CC:HTML5扩展的工作原理

Question

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

Answer 1

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

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

在那里，你会发现HTML5扩展的介绍，包括一个简短的指南，以及示例扩展的回购。

Answer 2

概述

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

为了获得概述并了解如何开始，我们在GitHub上有一个新的CEP Getting started repo，它应该很有帮助。

你的问题

基本上，我想做的是研究扩展如何与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扩展调用该引擎。