概述

Question

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

Answer 1

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

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

在那里，您会找到HTML5 extensions的简介，其中包括short guide和repo to sample extensions。

Answer 2

概述

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

要获得概述并学习入门，我们有一个新的CEP Getting Started repo on GitHub应该会有所帮助。

您的问题

基本上，我要尝试的是查看扩展如何与Adobe产品进行通信以及有哪些限制？

CEP扩展程序通过称为CSInterface的CEP库（evalScript()）方法与主机应用程序（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扩展程序对该引擎进行调用。

Adobe CC：HTML5扩展如何工作？

2 个答案:

概述

您的问题