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

Dreamweaver
Ultradev实例教程:3.7 创建一个简单的查询
Ultradev实例教程:4 插件的安装与使用
Ultradev实例教程:5 做一个相对简单的网站后台(1)
Ultradev实例教程:5 做一个相对简单的网站后台(2)
Ultradev实例教程:5 做一个相对简单的网站后台(3)
Ultradev实例教程:6 Ultradev使用心得
在Dreamweaver中插入背景音乐的几种方法
Dreamweaver中怎样使用模板
Dreamweaver MX Ultradev探索(前言)
Dreamweaver MX Ultradev探索(1)
Dreamweaver MX Ultradev探索(2)
DreamweaverMX Ultradev探索(3-1)
DreamweaverMX Ultradev探索(3-2)
DreamweaverMX Ultradev探索(4-1)
DreamweaverMX Ultradev探索(4-2)
Dreamweaver MX Ultradev探索(5-1)
轻松打造弹出窗口
dreamweaver制作可控制的横向滚动
Dreamweaver MX 打造我们的留言本(一)
Dreamweaver 4 简明教程(二、初步认识 Dreamweaver)

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


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