zoukankan      html  css  js  c++  java
  • EditPlus轻量级编辑器配置常用的语法规则!

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

    先配置简单的CSS语法:

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

    #t=div
    10px; height:10px; line-height:10px; border:1px solid red; margin:0px auto;
    #t=d20
    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
    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
    10px; height:10px; line-height:10px; border:1px solid red;
    #t=d
    div^!
    #t=s
    span^!
    #t=w
    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
    100%;
    #t=wi
    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
    [ColorsText]
    Background=2238503
    Default=0
    Foreground=16777215
    [ColorsKeyword 1]
    Foreground=8272368
    Default=0
    [ColorsEmbedded script]
    Foreground=16777215
    Default=0
    [ColorsKeyword 3]
    Foreground=16777215
    Default=0
    [ColorsKeyword 6]
    Foreground=8716287
    Default=0
    [ColorsKeyword 7]
    Foreground=8716287
    Default=0
    [ColorsKeyword 8]
    Foreground=8716287
    Default=0
    [ColorsKeyword 9]
    Foreground=8454143
    Default=0
    [ColorsKeyword 10]
    Foreground=8716287
    Default=0
    [ColorsQuotation]
    Foreground=8454143
    Default=0
    [ColorsQuotation 2]
    Foreground=5107956
    Default=0
    [ColorsLine comment]
    Foreground=10789024
    Default=0
    [ColorsLine number]
    Foreground=12632256
    Background=2238503
    Default=0
    [ColorsFolding mark -]
    Background=2238503
    Default=0
    [ColorsMatching words]
    Default=0
    Background=718314
    [ColorsKeyword 2]
    Foreground=16379142
    Default=0
    [ColorsFolding mark +]
    Background=2238503
    Default=0
    [ColorsText selection]
    Background=7039851
    Default=0
    [ColorsNumber]
    Foreground=16524240
    Default=0
    [ColorsBlock comment]
    Foreground=8421504
    Default=0
    [ColorsKeyword 5]
    Foreground=15574913
    Default=0
    [ColorsRuler]
    Foreground=12632256
    Default=0
    Background=2566187
    [ColorsCursor indicator]
    Background=16777215
    Default=0
    [ColorsIndent Guide]
    Foreground=7499117
    Default=0
    [Buttons]
    Count=37
    Button=00000000010000000200000003000000FFFFFFFF05000000040000000600000021000000FFFFFFFF0700000008000000090000000A000000FFFFFFFF0B0000000C000000FFFFFFFF0D0000000F0000003F00000040000000FFFFFFFF5A000000A000000011000000120000001300000010000000FFFFFFFF30000000700000001F00000045000000FFFFFFFF150000007C000000FF
    [Buttons1]
    Count=38
    Button=1C000000FFFFFFFF2200000023000000240000004100000035000000FFFFFFFF26000000270000002800000025000000FFFFFFFF3400000032000000330000003600000031000000FFFFFFFF2F000000290000002D0000002E00000042000000FFFFFFFF810000008400000085000000FFFFFFFF380000003900000043000000FFFFFFFF3B0000003C000000FFFFFFFF3A00000037000000FF
    [Buttons2]
    Count=25
    Button=460000004700000048000000490000004A000000FFFFFFFF4B0000004C0000004D0000004E0000004F000000FFFFFFFF6C000000FFFFFFFF5000000051000000520000005300000054000000FFFFFFFF5500000056000000570000005800000059000000FF
    [Buttons3]
    Count=14
    Button=1B000000FFFFFFFF17000000180000001A00000019000000FFFFFFFF3E000000FFFFFFFF1D0000001E00000044000000FFFFFFFFFFFFFFFFFF
    [Browser]
    Kind=5
    Browser Location=D:360浏览器360se6Application360se.exe
  • 相关阅读:
    CSS样式实现两个图片平分三角
    Vue iview 表单封装验证
    Vue编程式路由跳转传递参数
    组件 Autofac 实现接口类工具
    GridView
    2016_09_8
    使用js创建对象
    从DataTable获取Json数据
    jQuery高级编程
    _16_08_15
  • 原文地址:https://www.cnblogs.com/e0yu/p/7233135.html
Copyright © 2011-2022 走看看