2008 - 06 - 14

开始EditPlus的自动完成

Published by at 16:08 under 前端开发

一直用着DW写样式,其实还算不错,就是启动太慢,软件越做越大,用到的功能是越来越少了。(而且越来越发现代码提示功能的反应速度经常跟不上思路)

长期以来,一直想找个可以替换的编辑器,试用过TOPSTYLE,结果还是不习惯。

以前曾经尝试过用EDITPLUS来写代码,可惜被DW养成的坏习惯,纯手写代码实在写不下去,效率太差了……。前两天忽然在群里看到有人在讨论EDITPLUS,说起EDITPLUS配置自动完成的书写效率多高,自己也心痒痒,在网上先DOWN了个自动完成的模版,然后再把按自己的习惯进行了修改,试用了几天,感觉不是一般的爽,终于可以抛弃DW了。

大家可以到www.editplus.com下载各种自动完成文件,文件下载后是.acp后缀的,把文件放到Editplus的安装目录下,打开Editplus》工具》首选项》文件》设置和语法,文件类型选中对应的CSS,在“自动完成”里选择刚才放到安装目录下的.acp文件,确定就完成啦。

正确配置之后,例:只要输入“oh”,然后再按空格,就出来“overflow:hidden;”了。
其实这个功能要叫“自动替换”比较好理解。

大家可以先把下载的自动完成文件,按自己习惯进行修改:
“#T=”后面的内容是你在EP中输入的字母,再按空格的时候,下面的第二行以下(直到碰到下一个“#T=”)的内容就会自动完成
“^!”是自动完成后,鼠标当前位置

我的对照表-080826
#T=*
* html ^!{height:100px;}
#T=z
^! {}
#T=x
#^! {}
#T=c
.^! {}
#T=fl
float:left;
#T=fr
float:right;
#T=fn
float:none;
#T=cb
clear:both;
#T=db
display:block;
#T=dt
display:table;
#T=di
display:inline;
#T=dn
display:none;
#T=o
overflow:^!;
#T=oh
overflow:hidden;
#T=oa
overflow:auto;
#T=os
overflow:scroll;
#T=ov
overflow:visible;
#T=por
position:relative;
#T=poa
position:absolute;
#T=pos
position:static;
#T=vi
visibility:^!;
#T=vih
visibility:hidden;
#T=viv
visibility:visible;
#T=m
margin:^!;
#T=mt
margin-top:^!px;
#T=ml
margin-left:^!px;
#T=mb
margin-bottom:^!px;
#T=mr
margin-right:^!px;
#T=p
padding:^!;
#T=pt
padding-top:^!px;
#T=pl
padding-left:^!px;
#T=pb
padding-bottom:^!px;
#T=pr
padding-right:^!px;
#T=pm
padding:^!; margin:;
#T=w
width:^!px;
#T=h
height:^!px;
#T=wh
width:^!px;
height:px;
#T=lh
line-height:^!px;
#T=mh
min-height:^!px;
#T=boc
border-collapse:collapse;
#T=bo
border:1px solid #^!;
#T=bon
border:none;
#T=bot
border-top:1px solid #^!;
#T=bor
border-right:1px solid #^!;
#T=bob
border-bottom:1px solid #^!;
#T=bol
border-left:1px solid #^!;
#T=bgc
background-color:#^!;
#T=bg
background:#fff url(../img/^!) no-repeat left top;
#T=bgx
background:url(../img/^!) repeat-x left top;
#T=bgy
background:url(../img/^!) repeat-y left top;
#T=bgp
background-position:^!;
#T=bgi
background-image:url(../img/^!);
#T=bgn
background:none;
#T=f
font:normal normal 12px/1.5em “Arial”;
#T=fs
font-size:^!px;
#T=fw
font-weight:bold;
#T=fwn
font-weight:normal;
#T=co
color:#^!;
#T=tac
text-align:center;
#T=tal
text-align:left;
#T=tar
text-align:right;
#T=ti
text-indent:^!;
#T=tdn
text-decoration:none;
#T=tdu
text-decoration:underline;
#T=va
vertical-align:^!;
#T=ls
list-style:^!;
#T=cp
cursor:pointer;
#T=ws
white-space:nowrap;
#T=tab
.tab{
}
.tab th, .tab td{
padding:3px 5px;
}
.tab th{
}
.tab td{
}
#T=ff
font-family:arial,verdana,sans-serif;
#T=fil
filter:Alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;
#T=@import
@import url(“styles.css”);

附:自己修改的自动完成文件(XHTML&CSS)

10 responses so far

10 Responses to “开始EditPlus的自动完成”

  1. cofeon 01 9月 2008 at 16:47

    我按照你的说法做了。为什么不行啊?空格之后,根本不出现自动提示或者完成。

    回复
    .acp文件是否正确创建,引用好了?
    EP是自动完成的功能,没有代码提示
  2. kwjon 20 9月 2008 at 16:54

    top 一下!

  3. 就去干on 24 10月 2008 at 16:32

    来顶下 了

  4. DORISon 16 4月 2010 at 16:26

    发现根本不行啊~~

  5. Yasinon 15 3月 2011 at 11:10

    嗯。找的就是这个~ V5

  6. zwjon 23 3月 2011 at 12:21

    .acp文件是否正确创建并引用后,要想自动完成起作用,应该这么做:

     完整输入#T=之后的文字,然后按空格

     比如,依楼主的CSS自动完成的例子,要想自动完成 font-family:arial,verdana,sans-serif; 的输入,要先输入ff,然后按空格就可以了

  7. dn41431on 02 4月 2011 at 17:06

    依你所说配置好后,
    新建 html 文件
    输入什么?可以自动完成??
    输入什么??

  8. 捷易通on 29 4月 2011 at 17:37

    最近要用CI写个程序,也下载EP试试吧

  9. 朝心on 12 8月 2011 at 17:00

    比如:
    “fl + 空格” 后自动生成“float:left;”
    “fr + 空格” 后自动生成“float:right;”

Comments RSS

评论