最新版下载地址:xExportv2.0.1.rar
安装方法:
(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)把解压的:xExportv2.0.1.jsx 拷贝到 C:Program FilesAdobePhotoshop CS3PresetsScripts, 打开Photoshop CS3,窗口- 动作- 打开动作面板,新建动作,设置快捷键为F2。在面板选项里选择选择菜单项 - 文件 - 脚本 - xExportv2.0.1.jsx (如果脚本列表里面没有,请选择浏览来选择)。
使用方法:
使用框选工具,选择要导出图片的部分,设置要保存图片的位置(默认是D:),按下F2,轻松设置即可生成符合W3C标准的HTML代码,图片也保存好了。
操作案例:
http://www.esieo.com/demo/ 这个网页的HTML文档的代码就是精彩案例。
#target photoshop
app.bringToFront();
$.localize = true;
/*
程式名:扩展Photoshop之导出选区到图片并生成DIV+CSS(xhtml)代码;
Code By Linr Chen,My website http://www.nihaoku.cn/ http://www.xiaogezi.cn/
JavaScript File Name:xExport.jsx
*/
if (app.documents.length == 0)
{
var docRef = app.documents.add();
}
else
{
var docRef = app.activeDocument;
var obj = docRef.selection;
}
var okBtn = "确定";
var cleBtn = "取消";
var strTitle=" 图片到源代码 Image to HTML - Linr Studio";
var strButtonBrowse = localize("$$$/JavaScripts/ExportLayersToFiles/Browse=&Browse...");
var dlg;
/* 创建Win form 窗体 */
function createDlg(css,htm)
{
dlg = new Window("dialog",strTitle,[200,250,630,560],undefined);
dlg.orientation = 'column';
dlg.alignChildren = 'left';
dlg.toHTMLIDlbl = dlg.add( 'statictext', [10,12,55,30], 'DIV ID:', '');
dlg.toHTMLID = dlg.add( 'edittext', [56,10,220,30], '', {multiline:false, readonly:false} );
dlg.toHTMLbtn = dlg.add("button",[222,8,320,32],"生成DHTML...");
....
代码过长故省略,可以通过下载附件来查看