adobe - Adobe CC：HTML5 扩展如何工作？

Question

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

Answer 1

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

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

在那里，您将找到HTML5 扩展的介绍，包括简短指南和示例扩展的 repo。

Answer 2

概述

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

为了获得概述并了解如何开始，我们在 GitHub 上提供了一个新的 CEP 入门存储库，它应该会有所帮助。

你的问题

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

CEP 扩展通过CSInterface名为evalScript().

这是上面 repo 中的入门指南中的基本示例：

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