经常在网上看到很多javascript 和Dhtml的各类效果 每次收集下来的东西时间一长自己找起来也麻烦,刚想到有个方法可以解决这个问题,就是利用editplus的扩充功能自己动手制作收集了各类效果的资料库.
1.先去下载这个软件吧~
http://www.editplus.com/download.html (1M大小)
2.安装后打开看到editplus的软件界面,从界面上看它是一个普通的编辑类软件但它的功能是很全的~支持多种文件格式的语法显亮,直接调用浏览器预览制作的页面等,这里先不说这些,安装后自己感觉吧~
3.先看看要做的扩展文件是什么样子的有什么作用~
打开view菜单下Toolbars/views下Directory Windows(如图1) 或者用快捷键Alt+Shift+3
现在看到左边的列表项 选择其中的Cliptext(如图2)
在列表中看到默认安装后已经存在的六个分类.(如图3)
其中HTML3.2中有我新增的一个项"通过连接关闭窗口" 用鼠标双击这个项就会自动添加右边的内容"<a href="" onClick="window.close(self)">Close Window</a>" (如图4)
3.通过EDITPLUS方便的扩充功能我们完全可以建立属于自己的代码库.下面进入我们的主题吧~
Editplus的扩展文件在就在它的安装目录下面有多种扩展文件类型,今天我们要用到的就是其中的一个CTL文件,
用普通文本编辑工具如记事本或者直接就用editplus就能制作CTL文件.
4.制作CTL文件,例:用记事本编写CTL文件
记事本编写的内容如下:
#TITLE=资料库_1
#INFO
Written By Yunbin
#SORT=n
#T=通过连接关闭窗口
<a href="" onClick="window.close(self)">Close Window</a>
其中#TITLE=资料库_1 定义以后在列表中的名称 #INFO包含的内容一般是一些制作者的信息 #SORT=n 定义制作的列表的排列方式 默认是按name排列 #T=通过连接关闭窗口 定义列表中调用内容的名称 关键就在这里你可以尽管往里面加内容 如:
#T=通过连接关闭窗口
<a href="" onClick="window.close(self)">Close Window</a>
#T=通过按钮关闭窗口
<FORM><INPUT TYPE="BUTTON" VALUE="Close Window" onClick="window.close(self)">
</FORM>
#T 定义的每一个项都会在列表中显示 (如图5 -有上面两项内容)
另外还有方法增加资料项就是定义好文件的基本部分后#T 部分不在文件中手写添加,而在editplus中用它自己的扩展功能添加进去方法如下
在列表框范围点鼠标右键则看到一个菜单有Add 一项 (如图6)
选择Add 则可以直接在editplus添加列表项. 其中Title段写入这段代码在列表中要显示的名称 Text body 段写入要插入的代码(如图7)
写完后点ok~ 好了你的内容就增加进去了~(如图8)
自己慢慢收集代码去吧~有好的就拿出来让大家分享你的代码库吧~ :0
经典这方面的资料挺多的~有时间大家整理一下 做个ctl文件共享岂不是很好~
