当前位置: 首页 > 图文教程 > 网页制作 > Dreamweaver > UltraEdit烈火汉化绿色版配置Zen Coding

Dreamweaver
Dreamweaver MX进阶教程(十八)使用css样式制作细线表格
Dreamweaver MX进阶教程(二十二)制作反馈表单(email发送)
Dreamweaver MX进阶教程(二十)使用一象素透明图像固定单元格宽度
Dreamweaver MX进阶教程(十一)使用“层”布局网页
Dreamweaver MX进阶教程(十四)使用server-side include(服务器端包括)
Dreamweaver MX进阶教程(十五)插入具有辅助功能的表格
Dreamweaver MX进阶教程(十九)防止英文字符撑破表格
Dreamweaver MX进阶教程(十七)设置表格的属性
Dreamweaver MX进阶教程(十二)在居中页面使用层
DW MX 设计留言本实战(1)
DW MX 设计留言本实战(4)
DreamWeaver,经典50问(9)
DreamWeaver,经典50问(8)
DreamWeaver,经典50问(7)
DreamWeaver,经典50问(3)
DreamWeaver,经典50问(10)
DreamWeaver,经典50问(4)
DreamWeaver,经典50问(6)
巧用背景颜色和间距快速制作出细边线表格
DW MX 2004代码编辑新功能

Dreamweaver 中的 UltraEdit烈火汉化绿色版配置Zen Coding


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2010-03-20   浏览: 196 ::
收藏到网摘: n/a

Zen Coding中最吸引我的是html展开功能,一个轻量级的编辑器就够了,鉴于此选择了UltraEdit,用的是烈火汉化绿色版(绿色便携版没搞成功,貌似不支持),以下是配置方法:

  1. 下载UltraEdit Zen Coding.zip并解压Zen HTML UltraEdit.js至UltraEdit目录下的scripts目录中
  2. 按快捷键Ctrl+Shift+Z调出脚本窗口,点击添加按钮选择刚才解压的HTML UltraEdit.js并设置快捷键(我设置的Ctrl+Enter),按确定保存即可
    看不到图片请翻墙

接下来测试一下,新建文件,敲入以下语句:

div.mod.mod1>div.inner>div.hd+div.bd>ul>li*10>a

之后按下Ctrl+Enter,马上变成:

<div class="mod mod1">	<div class="inner">	<div class="hd"></div>	<div class="bd">	<ul>	<li><a href=""></a></li>	<li><a href=""></a></li>	<li><a href=""></a></li>	<li><a href=""></a></li>	<li><a href=""></a></li>	<li><a href=""></a></li>	<li><a href=""></a></li>	<li><a href=""></a></li>	<li><a href=""></a></li>	<li><a href=""></a></li>	</ul>	</div>	</div>
</div>

大功搞成!

Zen Coding的html书写规则详见Zen HTML Elements