鸿 网 互 联 www.68idc.cn

当前位置 : 服务器租用 > 软件教程 > 编程开发 > >

在UlrtraEdit中配置Zen Coding的方法

来源:互联网 作者:佚名 时间:2015-03-25 18:16
Zen Coding中最吸引我的是html展开功能,一个轻量级的编辑器就够了,鉴于此选择了。

Zen Coding中最吸引我的是html展开功能,一个轻量级的编辑器就够了,鉴于此选择了。

Zen Coding出来很久一段时间了,鬼哥更是在分享时潇洒的秀了一把,真是羡慕死人了。最近一直忙着搞需求,只有周末才有时间折腾一下,有点小郁闷~

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

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

    看不到图片请翻墙

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

    复制代码

    代码如下:


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


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

    复制代码

    代码如下:


    <div>
    <div>
    <div></div>
    <div>
    <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

    网友评论
    <