SciTE的Zen Coding功能

这段时间因为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=<a href="">|</a>

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

注意事项:

缩略词表达示不允许换行

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

html:5=<!DOCTYPE HTML>\n<html lang="en-US">\n\t<head>\n\t\t<meta charset="UTF-8">\n\t\t<title></title>\n\t</head>\n\t<body>\n\t\t|\n\t</body>\n</html>

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

<!DOCTYPE HTML>
<html lang="en-US">
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>

	</body>
</html>
缩略词表达示不能以#、空格键、tab键开头

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

转义符“\”和“|”

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

line=\\iloveweb

展开后是\iloveweb,如果想显示两个\,就连续输入四个\,如下(以“#”开头的一行是注释):

#显示 \iloveweb
line1=\\iloveweb

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

显示|的规则也一样,如下:

#显示 \iloveweb
or1=||iloveweb

#显示 ||iloveweb
or2=||||iloveweb
给缩略词取个易记易懂的名字

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

cc:ie=<!--[if IE]>\n\t|\n<![endif]-->
a=<a href="">|</a>
a:link=<a href="http://|"></a>
a:mail=<a href="mailto:|"></a>
script:cdata=<script type="text/javascript">\n//<![CDATA[\n\n|\n\n//]]>\n</script>
input=<input type="" value="|" />
input:text=<input type="text" name="|" id="" />
此条目发表在 软件 分类目录,贴了 , , , 标签。将固定链接加入收藏夹。

发表评论

电子邮件地址不会被公开。 必填项已被标记为 *

*

您可以使用这些 HTML 标签和属性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>