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

Dreamweaver
用户登录的实现-Dreamweaver构建Blog
事件日历-Dreamweaver构建Blog
把BLOG上传到远程空间-Dreamweaver构建Blog
DW MX 2004网页中文乱码问题:常见原因
DW MX 2004网页中文乱码问题:尝试解决
DW MX 2004网页中文乱码问题解决
用Dreamweaver实现不同分辨率下的层定位
用Dreamweaver实现漫天花雨效果
下拉菜单做翻页的通用代码
应用CSS样式表技巧两则
定时自动关闭的窗口
DreamWeaver,经典(一)
DreamWeaver,经典(二)
在DreamWeaver中应用CSS样式表
用 iframe 解决下拉框与层之冲突
一种细腻的导航效果的制作方法
Dreamweaver中幂格式文本巧实现
Dreamweaver技巧锦集17条
Dreamweaver技巧大放送前六招
Dreamweaver技巧大放送后六招

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


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2010-03-20   浏览: 190 ::
收藏到网摘: 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