linrstudio / photoshopcopycss

改进 Photoshop 自带的 复制 CSS 功能

PhotoshopCopyCSS

用于增强 Photoshop CC “复制CSS” 功能，提升 CSS 代码的真正采用率。

• 自动识别 CSS Sprite 图片，获取 background-position 信息；
• 自动识别是否图标；
• 优化 CSS3 渐变、文字、边框、阴影等 CSS 代码；
• 优化 rgb 成 十六进制颜色；
• 去除冗余 CSS 属性，如 position, z-index, left, top；

下载 download（不再生效）

请在 Download 下载

安装

请将 CopyCSSToClipboard.jsx 此文件拷贝到 Photoshop 程序目录中的 Required 目录 ，如：C:\Program Files\Adobe\Adobe Photoshop CC\Required

开启 Photoshop CC 自动输出 SVG、WebP 格式功能

将以下配置文件（generator.json）拷贝至：

• Windows: (Win+R后输入 %USERPROFILE% )目录下，如 C:\Users\xxx
• Mac OS: $HOME 如“Macintosh HD>Users>xxx” 目录下 WebP 输出暂只支持 Mac OS。

下载 generator.json

请在 Download 下载

版本要求 version requred:

• Photoshop CC (14.2+) for Windows

photoshopcopycss's Issues

mac 下如何使用 ?

RT.

升级到photoshop cc 19.1.0 20180116.r.238 2018/01/16提示Javascript丢失

我这两天升级到最新版的Photoshop CC 但是自带的复制css功能报错，点击复制css后弹窗提示Javascript代码丢失

我看了CopyCSSToClipboard.jsx前面的注释写着

// IMPORTANT: This file MUST be written out from ESTK with the option to write the UTF-8
// signature turned ON (Edit > Preferences > Documents > UTF-8 Signature). Otherwise,
// the script fails when run from Photoshop with "JavaScript code was missing" on
// non-English Windows systems.

但是就是没找到Edit > Preferences > Documents > UTF-8 Signatur 这个UTF-8签名是在哪设置的

没升级前一切正常

请问有解决方法没呢

两个jsx文件有什么区别

我是CC2019, 该用哪个?