EditPlus轻量级编辑器配置常用的语法规则！

打开EditPlus编辑器：工具 ---- 参数设置 ---- 文件 ---- 设置&语法：

先配置简单的CSS语法：

勾选下面的 “自动完成” ，加载对应的ACP文件，配置一些常用的语法：

#t=div
width:10px; height:10px; line-height:10px; border:1px solid red; margin:0px auto;
#t=d20
width:10px; height:10px; line-height:10px; border:1px solid red; margin:0px auto; background:url('../images/1.png' no-repeat center center); position:absolute; top:10px; left:10px; ^!
#t=d2
width:10px; height:10px; line-height:10px; border:1px solid red; margin:0px auto; background:url('../images/1.png' no-repeat center center); position:absolute; top:10px; left:10px; ^!
#t=wh
width:10px; height:10px; line-height:10px; border:1px solid red;
#t=d
div^!
#t=s
span^!
#t=w
width:10px; ^!
#t=h
height:10px; ^!
#t=lh
line-height:10px; ^!
#t=t
top:10px; ^!
#t=r
right:10px; ^!
#t=bot
bottom:10px; ^!
#t=bottom
bottom:10px; ^!
#t=bt
bottom:10px; ^!
#t=b
border:1px solid red; ^!
#t=bd
border:1px dashed red; ^!
#t=bdashed
border:1px dashed red; ^!
#t=bda
border:1px dashed red; ^!
#t=btop
border-top:1px solid red; ^!
#t=bto
border-top:1px solid red; ^!
#t=bordertop
border-top:1px solid red; ^!
#t=bordert
border-top:1px solid red; ^!
#t=bright
border-right:1px solid red; ^!
#t=br
border-right:1px solid red; ^!
#t=borderr
border-right:1px solid red; ^!
#t=borderright
border-right:1px solid red; ^!
#t=bb
border-bottom:1px solid red; ^!
#t=bbot
border-bottom:1px solid red; ^!
#t=borderbot
border-bottom:1px solid red; ^!
#t=borderb
border-bottom:1px solid red; ^!
#t=bl
border-left:1px solid red; ^!
#t=bleft
border-left:1px solid red; ^!
#t=borderleft
border-left:1px solid red; ^!
#t=borderl
border-left:1px solid red; ^!
#t=bs
box-shadow:2px 2px 3px 3px red;
#t=l
left:10px; ^!
#t=c
color:#fff; ^!
#t=cp
cursor:pointer; ^!
#t=br
border-radius:50%; ^!
#t=bj
background:url('../images/img^!.png') no-repeat center center;
#t=bg
background:url('../images/img^!.png') no-repeat center center;
#t=bgc
background:red; ^!
#t=bjc
background:red; ^!
#t=bgs
background-size:100%; ^!
#t=bgsize
background-size:100%; ^!
#t=bjs
background-size:100%; ^!
#t=bgsize
background-size:100%; ^!
#t=bgimg
background-image:url('images/img.png'); ^!
#t=bgi
background-image:url('images/img.png'); ^!
#t=bjimg
background-image:url('images/img.png'); ^!
#t=bji
background-image:url('images/img.png'); ^!
#t=bgr
background-repeat:no-repeat repeat-x repeat-y; ^!
#t=bgre
background-repeat:no-repeat repeat-x repeat-y; ^!
#t=bgrepeat
background-repeat:no-repeat repeat-x repeat-y; ^!
#t=bjr
background-repeat:no-repeat repeat-x repeat-y; ^!
#t=bjre
background-repeat:no-repeat repeat-x repeat-y; ^!
#t=bjrepeat
background-repeat:no-repeat repeat-x repeat-y; ^!
#t=bgcover
background-size:cover; ^!
#t=bjcover
background-size:cover; ^!
#t=bgp
background-position:center center; ^!
#t=bgpos
background-position:center center; ^!
#t=bgposition
background-position:center center; ^!
#t=bjp
background-position:center center; ^!
#t=bjpos
background-position:center center; ^!
#t=bjposition
background-position:center center; ^!
#t=m
margin:0px auto; ^!
#t=mt
margin-top:10px; ^!
#t=mr
margin-right:10px; ^!
#t=mb
margin-bottom:10px; ^!
#t=ml
margin-left:10px; ^!
#t=p
padding:10px; ^!
#t=pt
padding-top:10px; ^!
#t=ptop
padding-top:10px; ^!
#t=pdt
padding-top:10px; ^!
#t=pdtop
padding-top:10px; ^!
#t=pr
padding-right:10px; ^!
#t=pright
padding-right:10px; ^!
#t=pdr
padding-right:10px; ^!
#t=pdright
padding-right:10px; ^!
#t=pb
padding-bottom:10px; ^!
#t=pbot
padding-bottom:10px; ^!
#t=pdb
padding-bottom:10px; ^!
#t=pdbot
padding-bottom:10px; ^!
#t=pl
padding-left:10px; ^!
#t=pleft
padding-left:10px; ^!
#t=pdl
padding-left:10px; ^!
#t=pdleft
padding-left:10px; ^!
#t=z
z-index:20; ^!
#t=f
font-size:14px; color:#333; ^!
#t=o
opacity:0; ^!
#t=ti
text-indent:10px; ^!
#t=dn
display:none; ^!
#t=di
display:inline; ^!
#t=dib
display:inline-block; ^!
#t=ffs
font-family:'宋体'; ^!
#t=ffw
font-family:'微软雅黑'; ^!
#t=ff
font-family:'微软雅黑'; ^!
#t=fontf
font-family:'微软雅黑'; ^!
#t=fm
font-family:'微软雅黑'; ^!
#t=pr
position:relative; ^!
#t=pa
position:absolute; top:10px; left:10px; ^!
#t=pf
position:fixed; top:10px; left:10px; ^!
#t=fs
font-size:14px; ^!
#t=fw
font-weight:bold; ^!
#t=ttu
text-transform:uppercase; ^!
#t=ttc
text-transform:capitalize; ^!
#t=pr
position:relative;
#t=pf
position:fixed;
#t=pa
position:absolute;
#t=w100
width:100%;
#t=wi
width:inherit;
#t=hi
height:inherit;
#t=dn
display:none;
#t=db
display:block;
#t=fr
float:right;
#t=fl
float:left;
#t=o
overflow:hiden;
#t=tc
text-align:center;
#t=tl
text-align:left;
#t=tr
text-align:right;
#t=ts
transition:all 1s ease-in-out;
-moz-transition:all 1s ease-in-out;
-ms-transition:all 1s ease-in-out;
-o-transition:all 1s ease-in-out;
-webkit-transition:all 1s ease-in-out;
#t=cp
cursor:pointer;
#t=ca
.c:after{content:'.'; display:block; height:0; clear:both; visibility:hidden;}
#t=after
.c:after{content:'.'; display:block; height:0; clear:both; visibility:hidden;}
#t=clear
clear:both;
#t=cb
clear:both;
#t=cba
.c:after{content:'.'; display:block; height:0; clear:both; visibility:hidden;}
#t=ot
overflow:hidden; white-space:nowrap; text-overflow:ellipsis;
#t=otext
overflow:hidden; white-space:nowrap; text-overflow:ellipsis;
#t=texto
overflow:hidden; white-space:nowrap; text-overflow:ellipsis;

 

配置常用的JS语法

#tITLE=JavaScript
; EditPlus Auto-completion file v1.0 written by ES-Computing.
; This file is provided as a default auto-completion file for Java and C#.
#CASE=y
#t=if
if(){
    ^!
};
#t=while
while (^!){
    
};
#t=for
for(var i=0; i<oLi.length; ++i){
    ^!
};
#t=switch
switch(^!){
    case :
    break;
    default;
};
#t=do
do{
    
}
while(^!);
#t=try
try{
    ^!
}catch(e){
    
}
#t=foreach
foreach(^!){
    
}
#t=f
function(){^!}
#t=css
css('color','red');
css({'color':'red'});
#t=animate
animate({'':''},1000);
#t=ani
animate({'':''},1000);
#t=click
var index = 0;
$('oDiv').click(function(){
    index = $(this).index();
    ^!
});
#t=hover
var index = 0;
$('oDiv').hover(function(){
    index = $(this).index();
    ^!
});
#t=over
var index = 0;
$('oDiv').onmouseover(function(){
    index = $(this).index();
    ^!
});
#t=out
var index = 0;
$('oDiv').onmouseout(function(){
    index = $(this).index();
    ^!
});
#t=c
console.log(^!);
#t=a
alert(^!);
#t=each
//each(function(索引,对象){})
$('ul>li').each(function(w,f){
    $(f).click(function(){
        //var index = $(this).index();
        console.log(w);
    });
});
//each(object,key,value);
var cat = {name:'dog',age:'6',func:function(){console.log('func');}};
$.each(cat,function(v,k){
    //console.log(v+'_'+k);
});
var color = ['red','orange','yellow'];
$.each(color,function(k,v){
    //console.log(k+'_'+v);
});
#t=jsajax
<script type='text/javascript'>
//php文件清除缓存
header('Cache-Control:no-cache');
header('Pragma:no-cache');
header('Expires:-1');
//encodeURIComponent();特殊符号进行转义，例如jack&height=20
//get请求
var info = 'name='+username+'&password='+password;
var ajax = new XMLHttpRequest();
ajax.open('get','2.php'+'?='+Math.random()+'&'+info,true);
ajax.send(null);
ajax.onreadystatechange = function(){
    if(ajax.readyState ==4){
        console.log(ajax.responseText);
    }
};
//post请求
var info = 'name='+username+'&password='+password;
var ajax = new XMLHttpRequest();
ajax.open('post','2.php'+'?='+Math.random(),true);
ajax.setRequestHeader("Content-type","application/x-www-form-urlencoded");
ajax.send(info);
ajax.onreadystatechange = function(){
    if(ajax.readyState ==4){
        console.log(ajax.responseText);
    }
};
//获取XML信息
//例如XML文件为：
<student><name></name></student>
//可以通过 getElementsByTagName(tag名字);获取节点
//ajax处理：
var xmlDom = ajax.responseXML;
var std  =  xmlDom.getElementsByTagName('student')[0].wholeText;//获取文本信息    
</script>

 

EditPlus的配色方法修改：

配置文件：editplus_u.ini

[Options]
Placement=2C0000000000000001000000FFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFF5EFFFFFF2C010000170600002A050000FF
Window List=B302000011010000CD04000000030000FF
Marker List=00000000000000000000000000000000FF
Function List=00000000000000000000000000000000FF
Open Remote=00000000000000000000000000000000FF
Expand=00000000000000000000000000000000FF
Project Pos=00000000000000000000000000000000FF
Workspace Path=F:\付永周文件\WEB特效\HDCMS留言页面
Cliptext Window=213
Cliptext Window 2=530
Output=90
Output 2=170
Folding=1
Cliptext=2
Custom colors=6D6D7200FFFFFF00FFFFFF00FFFFFF00FFFFFF00FFFFFF00FFFFFF00FFFFFF0031282700FFFFFF00FFFFFF00FFFFFF00FFFFFF00FFFFFF00FFFFFF00FFFFFF00FF
Matching Brace=1
Indent guide=1
FindX=980
FindY=398
Find=Li
ReplaceX=548
ReplaceY=378
Replace=__TEMPLATE__/images
Word Highlighting=1
[Files]
Encoding=65001
Backup=0
Backup Remote=0
[Fonts]
Printer=F4FFFFFF00000000000000000000000090010000000000000000003143006F007500720069006500720020004E0065007700000000000000000000000000000000000000000000000000000000000000000000000000000000000000FF
Output Window=F4FFFFFF00000000000000000000000090010000000000000000003143006F007500720069006500720020004E0065007700000000000000000000000000000000000000000000000000000000000000000000000000000000000000FF
Cliptext Window=F4FFFFFF0000000000000000000000009001000000000001000000004D006900630072006F0073006F006600740020005900610048006500690020005500490000000000000000000000000000000000000000000000000000000000FF
Document Selector=F4FFFFFF0000000000000000000000009001000000000001000000004D006900630072006F0073006F006600740020005900610048006500690020005500490000000000000000000000000000000000000000000000000000000000FF
Hex Viewer=F4FFFFFF00000000000000000000000090010000000000010000003143006F007500720069006500720020004E0065007700000000000000000000000000000000000000000000000000000000000000000000000000000000000000FF
Custom 1=F4FFFFFF00000000000000000000000090010000000000000000002241007200690061006C000000720020004E0065007700000000000000000000000000000000000000000000000000000000000000000000000000000000000000FF
Custom 2=F5FFFFFF000000000000000000000000900100000000000000000022560065007200640061006E00610000004E0065007700000000000000000000000000000000000000000000000000000000000000000000000000000000000000FF
Custom 3=F4FFFFFF000000000000000000000000900100000000000000000012540069006D006500730020004E0065007700200052006F006D0061006E0000000000000000000000000000000000000000000000000000000000000000000000FF
Custom 4=F5FFFFFF0000000000000000000000009001000000000000000000224D0053002000530061006E0073002000530065007200690066000000000000000000000000000000000000000000000000000000000000000000000000000000FF
Custom 5=F3FFFFFF00000000000000000000000090010000000000FF000000315400650072006D0069006E0061006C00000065007700000000000000000000000000000000000000000000000000000000000000000000000000000000000000FF
Edit Window=ECFFFFFF00000000000000000000000090010000000000010000003143006F007500720069006500720020004E0065007700000000000000000000000000000000000000000000000000000000000000000000000000000000000000FF
[Tool Option]
Top Selector=1
[Colors\Text]
Background=2238503
Default=0
Foreground=16777215
[Colors\Keyword 1]
Foreground=8272368
Default=0
[Colors\Embedded script]
Foreground=16777215
Default=0
[Colors\Keyword 3]
Foreground=16777215
Default=0
[Colors\Keyword 6]
Foreground=8716287
Default=0
[Colors\Keyword 7]
Foreground=8716287
Default=0
[Colors\Keyword 8]
Foreground=8716287
Default=0
[Colors\Keyword 9]
Foreground=8454143
Default=0
[Colors\Keyword 10]
Foreground=8716287
Default=0
[Colors\Quotation]
Foreground=8454143
Default=0
[Colors\Quotation 2]
Foreground=5107956
Default=0
[Colors\Line comment]
Foreground=10789024
Default=0
[Colors\Line number]
Foreground=12632256
Background=2238503
Default=0
[Colors\Folding mark -]
Background=2238503
Default=0
[Colors\Matching words]
Default=0
Background=718314
[Colors\Keyword 2]
Foreground=16379142
Default=0
[Colors\Folding mark +]
Background=2238503
Default=0
[Colors\Text selection]
Background=7039851
Default=0
[Colors\Number]
Foreground=16524240
Default=0
[Colors\Block comment]
Foreground=8421504
Default=0
[Colors\Keyword 5]
Foreground=15574913
Default=0
[Colors\Ruler]
Foreground=12632256
Default=0
Background=2566187
[Colors\Cursor indicator]
Background=16777215
Default=0
[Colors\Indent Guide]
Foreground=7499117
Default=0
[Buttons\0]
Count=37
Button=00000000010000000200000003000000FFFFFFFF05000000040000000600000021000000FFFFFFFF0700000008000000090000000A000000FFFFFFFF0B0000000C000000FFFFFFFF0D0000000F0000003F00000040000000FFFFFFFF5A000000A000000011000000120000001300000010000000FFFFFFFF30000000700000001F00000045000000FFFFFFFF150000007C000000FF
[Buttons\1]
Count=38
Button=1C000000FFFFFFFF2200000023000000240000004100000035000000FFFFFFFF26000000270000002800000025000000FFFFFFFF3400000032000000330000003600000031000000FFFFFFFF2F000000290000002D0000002E00000042000000FFFFFFFF810000008400000085000000FFFFFFFF380000003900000043000000FFFFFFFF3B0000003C000000FFFFFFFF3A00000037000000FF
[Buttons\2]
Count=25
Button=460000004700000048000000490000004A000000FFFFFFFF4B0000004C0000004D0000004E0000004F000000FFFFFFFF6C000000FFFFFFFF5000000051000000520000005300000054000000FFFFFFFF5500000056000000570000005800000059000000FF
[Buttons\3]
Count=14
Button=1B000000FFFFFFFF17000000180000001A00000019000000FFFFFFFF3E000000FFFFFFFF1D0000001E00000044000000FFFFFFFFFFFFFFFFFF
[Browser]
Kind=5
Browser Location=D:\360浏览器\360se6\Application\360se.exe