SciTE的Zen Coding功能

admin — Wed, 02 Jun 2010 16:18:43 +0000

这段时间因为Zen Coding的原因弃SciTE而选择了Notepad++，今天无意中想到了SciTE也有个缩略词展开功能，就在网上找了下，没想到SciTE的这个功能比我想像的还要强大地多，几乎可以和Zen Coding相媲美了。下面介绍下它的用法，更详细的可以参考《懒人专用－－用好SciTE的缩写功能》这篇文章。

首先建立一个缩略词文件，比如想给HTML使用，那么可以建立一个html.properties文件，当然文件名称和后缀可以任意取，只要你看地懂就可以了。为了方便管理，可以在SciTE的目录下建立一个abbrev文件夹，专门用于存放缩略词文件。

在SciTE的头部菜单选项中选择打开 User Options 文件一项，在打开的SciTEUser.properties文件的最底部加上如下代码：

abbreviations.*.html=$(SciteDefaultHome)\abbrev\html.properties

上面代码中，abbreviations.*.html代码表示该缩略词文件只对后綴名为html的文件有效；$(SciteDefaultHome)表示SciTE的安装目录；\abbrev\html.properties表示缩略词文件相对于SciTE安装目录的位置。

SciTE的缩略词规则很简单，就是：

缩略词=完整代码

现在在新建的html.properties文件中写入如下代码：

a=|

接下来打开一个后缀名为html的文件，在里面输入a，再按快捷键Ctrl+B，刚才的字母a就被替换成了，而光标会自动定位到代码和之间，也就是在上面定义的缩略词代码中|所在的位置。

注意事项：

缩略词表达示不允许换行

缩略词表达示不允许换行，因为SciTE是用换行来区分两个缩略词表达式的。如果想完整代码显示换行可以用\n来实现，另外可以用\t来表示缩进。如下面代码：

html:5=\n\n\t\n\t\t\n\t\t\n\t\n\t\n\t\t|\n\t\n

在HTML文件中输入html:5，按Ctrl+B，代码展开后是下面这样的：

缩略词表达示不能以#、空格键、tab键开头

缩略词表达示不能以#开头，这样会被当成注释忽略掉。

转义符“\”和“|”

想在完整代码里显示\，可以连续输入两个\。如：

line=\\iloveweb

展开后是\iloveweb，如果想显示两个\，就连续输入四个\，如下（以“#”开头的一行是注释）：

#显示 \iloveweb
line1=\\iloveweb

#显示 \\iloveweb
line2=\\\\iloveweb

显示|的规则也一样，如下：

#显示 \iloveweb
or1=||iloveweb

#显示 ||iloveweb
or2=||||iloveweb

给缩略词取个易记易懂的名字

给缩略词取个易记易懂的名字不难，因为已经有个现成的：Zen Coding，可以参考它的写法来编写SciTE的缩略词。下面列出一部分我参考Zen Coding的代码段：

cc:ie=
a=|
a:link=
a:mail=
script:cdata=
input=
input:text=

文件编码与样式错误

admin — Sun, 27 Dec 2009 09:21:57 +0000

我先在火狐上测试的，一切正常，但一到IE上就傻眼了，我写的样式对于页面中的元素根本就没有任何作用。开始我怀疑是我的CSS语句写错了，就到W3C的CSS验证页面上去验证，也没有找到问题所在，当时真的有种叫天天不灵，叫地地不应的绝望。

直到快下班时，我突然发现Dreamweaver里的字体有点不一样，因为我们公司一般都是用UTF8的格式编写文件的，UTF8格式的文件和GB2312格式的文件在Dreamweaver里面显示所用到的字体是不一样的。我就试试把CSS文件改成UTF8格式。没想到果然是这个问题，改了下编码，网页在IE下也显示正常了。

这个编码问题会导致很多显示错误，有次我做的网页显示的就是一个空白页面，但里面明明是有内容的，找了半天也找不到原因，后来看到在页面头部里没有写明编码信息，就添加了编码信息，页面也就正常了。