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

Dreamweaver
Dreamweaver8创建自定义代码片段
Dreamweaver8实现网页区域选择显示
Dreamweaver合理为为网页进行优化
DreamweaverCS3最新功能简单描述
Dreamweaver制作、套用模板技巧
Dreamweaver网页制作教程:层及其应用
使用Dreamweaver8在网页中轻松插入Flash视频
使用Dreamweaver8对网站文件进行检查和整理
Dreamweaver8技巧:查找和替换的应用
Dreamweaver 8 轻松制作漂亮的Flash像册
Dreamweaver CS3新功能描述
Dreamweaver CS3集成Spry效果试用
Dreamweaver CS3集成Spry之表单检测试用
用Spry轻松将XML数据显示到HTML页
Dreamweaver巧用标签选择器
用Dreamweaver快速批处理图片链接
Dreamweaver轻松快速打造Flash相册
DreamWeaver中应用CSS样式表
Dreamweaver中45个经典问答收集
新手入门:制作网站必须了解的技术

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


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