为Photopea创建插件，并通过配置 JSON 将它们提供给用户。

{ "environment": {
	"plugins" : [ 
		{
			"name"  : "Wikipedia",
			"url"   : "https://en.wikipedia.org",
			"icon"  : "https://en.wikipedia.org/static/favicon/wikipedia.ico"
		}
	]
} }

• name- 插件名称
• url- 插件网址
• icon- 插件图标（可选）

对于每个插件，按钮将添加到右侧当前按钮下方。

用户单击插件按钮后，面板会打开一个网站地址。

用户可以将图像从您的网站拖放到Photopea（因为Photopea支持从任何网站拖放图像，由浏览器打开）。

您的网站可以使用实时消息传递（您的网站充当OE）与Photopea连接。它允许您的插件执行脚本（例如，更改前景色，移动图层等）。

该插件可以将文件提供给Photopea（图像：psd，jpg，svg ...或资源：画笔，图案，字体...），或以特定格式请求当前文件。所有这些都可以通过插件（网站）中的按钮进行控制。

window.parent.postMessage("...script...", "*");
window.parent.postMessage(ArrayBuffer, "*");

用法示例

照片商店。允许用户浏览您的图像数据库。他们可以通过关键字搜索数据库。您可以在每个图像旁边添加一个“Open”按钮，这将在Photopea中打开该图像。

字体库。允许用户浏览字体数据库。单击按钮后将加载字体。您也可以将支付网关集成到插件中（因为它是您的网站，因此您可以完全控制它）。

您可以将插件设置为“商业” - 让用户每月为它们付费。登录和支付界面仍可能位于Photopea内部插件的同一“iframe”中（或者您可以打开一个新窗口，然后返回到Photopea）。

图标网址

要制作一个类似于Photopea图标，需要将图标背景设置为透明，图标本身为黑色。此外，在图标 URL 之前添加“===”。Photopea 会根据当前的颜色主题调整图标的颜色(白色表示深色主题，暗色表示明亮主题)。

Photopea会将您的图标显示为20x20屏幕像素（20x20，40x40，60x60等）的倍数。因此，如果您想要清晰的垂直条纹，请制作一个图标，例如160x160像素，以及一个8px宽的条纹。在这种情况下，9px的条纹看起来很模糊。