ps前端架構輔助v2.0.1版2007-11-14發布，歡迎各位前端架構師下載試用，歡迎反饋使用建議。

推出目的，可以快速生成html代碼和css樣式－－選中一個選區，按下f2，代碼立即生成圖片也立即保存好了

相信photoshop是“凡是稱得上電腦高手”的人都會的圖片處理軟件，鴿子也特別喜歡畫畫（設計），這個軟件也用得特溜，閉著眼都可以玩了。呵，于是也就想到為photoshop增加新功能。記得去年工作的時候擴展了coreldraw，發現功能還真實用。

升級日志：

升級時間2007-11-14，主要升級特性：

增加導出背景重復設置；

• 增加了（為減少請求次數）而使用一張圖來切割生成各種小圖標的css快捷方式；
• 增加了是否導出當前邊框設置的復選框；
• 優化了ui界面；

 注：安裝或使用過程中遇到了問題，請向我發郵件，我的伊妹兒/msn/qq都是：www[at]xiaogezi.cn。

運行環境：

• windows vista，windows xp sp2，mac os,
• photoshop cs3+ (注意一定要是這個版本的,低于這個版本的運行報錯),
• ie 6.0+;

效果如圖：

最新版下載地址：xexportv2.0.1.rar

安裝方法：

把解壓的：xexportv2.0.1.jsx 拷貝到 c:/program files/adobe/photoshop cs3/presets/scripts, 打開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...");
....

代碼過長故省略，可以通過下載附件來查看