网页编程工具:EditPlus

EditPlus,很土很简单很强大的网页编程工具

http://www.editplus.com/download.html   下载

http://www.cnblogs.com/pingjiang/archive/2012/05/17/efficient-code-editor-editplus.html   轻量级代码编辑器Editplus

 

Zen Coding

Zen Coding是一个快速HTML/XML/XSL/CSS快速编码的编辑器插件。通过一系列的缩写和规范来快速的创建代码。

http://www.cnblogs.com/pingjiang/archive/2012/05/17/editplus-zen-coding-tutorial.html   Editplus中Zen Coding手册  

div#page>(div#header>ul#nav>li*4>a)+(div#page>(h1>span)+p*2)+div#footer

按Ctrl+E展开

 

自定义设置(自用)

文本——背景色:RGB:218,233,250

当前行——背景色:RGB:166,202,240

行号——背景色:RGB:192,220,192    行号——文本颜色:RGB:0,128,0

标尺——背景色:RGB:192,220,192    标尺——文本颜色:RGB:0,0,128

文件——在保存文件时创建备份(此项取消)

 

模板(自用)

1、template.html

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<!-- <link href="css.css" type="text/css" rel="stylesheet" /> -->
<!-- <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> -->
<!-- <script src="http://code.angularjs.org/angular-1.1.0.min.js"></script>  -->
<!-- <script src="http://code.jquery.com/jquery-2.1.1.min.js"></script> -->
<!-- <script src="http://code.jquery.com/jquery-1.7.2.min.js"></script> -->
<!-- <script src="http://code.jquery.com/jquery-1.8.3.min.js"></script> -->
<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
<script type="text/javascript">
$(function(){
    $("#div1").click(function(){


    });

    $("#form").submit(function(){//表单提交:
        var name = $("#name").val();
        return false;
    });


});
</script>

<style type="text/css">

</style>
</head>
<body>
^!
</body>
</html>

 

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。