# ps-plugin-font-export

**Repository Path**: liuyics15/ps-plugin-font-export

## Basic Information

- **Project Name**: ps-plugin-font-export
- **Description**: No description available
- **Primary Language**: TypeScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-08-28
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# About  
为PhotoShop2018CC开发的插件，为了批量打包文本  
# Usage  
1.打开面板  
![Image text](./readmeRes/open-panel-1.png)  
或  
![Image text](./readmeRes/open-panel-2.png)  
2.保证当前页面中存在一个文本  
3.设置导出目录  
![Image text](./readmeRes/out-dir.png)  
4.设置导出文本  
可以使用','分隔，如果没有则输出每个字  
如：`0123456789`,`背包,角色,商城`  
5.点击导出
# Develop  
* 入口文件：CSXS manifest.xml，里面有插件定义和资源引用  
* 插件脚本：manifest 中 ScriptPath标记引用路径 如:`<ScriptPath>./jsx/main.jsx</ScriptPath>`  
用于操作 PhotoShop 的 API  
据说只能一个插件只能引用一个jsx脚本，本项目中在 tsx 目录中定义脚本，可写多个tsx脚本，最终编译成一个 jsx 文件。  
可查看`tsx/tsconfig.json`了解详情。
PhotoShop API 定义在libs/ps.d.ts 中，由中文文档翻译成d.ts，可靠性存疑。  
脚本运行环境尚不明确，语法支持在es5以下，谨慎使用各种高级语法。  
[原文链接](https://gitee.com/code_yu/photoshop)  
* 视图开发：视图是由 html 引擎支持，可配合 CSS 和 JS 使用
* 视图与脚本交互：CEP 在 window 注入 __adobe_cep__ 属性用于交互，后通过 `CSInterface` 简化交互  
先创建 `CSInterface`实例，使用 `evalScript` 方法来调用脚本中定义的函数  
  
# Debug  
  
* 脚本调试：使用Adobe ExtendScript Toolkit CC（在 external 文件中附带）调试后台脚本  
1.选择插件所属产品( PhotoShop CC 2018 )  
![Image text](./readmeRes/debug-select-product.png)  
2.链接调试器  
![Image text](./readmeRes/debug-link.png)  
3.断点调试  
![Image text](./readmeRes/debug-breakpoint.png)  
4.实时查看数据
![Image text](./readmeRes/debug-view-assets.png)  
* 前端调试：直接用浏览器运行 index.html，不过此时不能链接到后端脚本  
  
# Deployment  
  
1.debug模式部署  
通过修改注册表启用调试模式  
把项目资源复制到AppData/Roaming/Adobe/CEP/extensions/下  
2.官方部署  
通过ExtendScript打包成插件安装包  
通过Adobe Extension Manager安装