网页编程工具:EditPlus
2014-10-22 10:54
197 查看
字体:Consolas
EditPlus,很土很简单很强大的网页编程工具
http://www.editplus.com/download.html 下载
/article/5813286.html 轻量级代码编辑器Editplus
/article/5813287.html Editplus中Zen Coding手册
div#page>(div#header>ul#nav>li*4>a)+(div#page>(h1>span)+p*2)+div#footer
按Ctrl+E展开
当前行——背景色:RGB:166,202,240 #a6caf0
行号——背景色:RGB:192,220,192 行号——文本颜色:RGB:0,128,0
标尺——背景色:RGB:192,220,192 标尺——文本颜色:RGB:0,0,128
文件——在保存文件时创建备份(此项取消)
Tools -> Preferences -> File -> Create backup file when saving (把此选项取消,就不会创建.bak文件了)
Tools -> Preferences -> (选html)Func Pattern里填写: function[ \t]+[0-9a-zA-Z_]+[ \t]*\([ \t]*\) -----这样就可以使用Ctrl+F11查看函数列表了。
Tools -> Preferences -> Tab/Indent 将Tab和Intent都改为4,勾选“Insert spaces instead of tab”(使用空格代替tab)----(这个我不用)
参考阅读:
http://www.pythoner.com/182.html 配置EditPlus支持Shell语法高亮和自动补全
http://zhidao.baidu.com/link?url=cq1ICBg8B-qtlIskr6KHKlQ3HcR-Hcl2w9Wkg5Vv_mcp8cuVfeKoIBocs438mdzv29hSSw_CIReTC3SrcTHzYK EditPlus 编辑器如何自动补全
自动补齐设置(自用): C:\Users\cyx\AppData\Roaming\EditPlus 3\htmlbar.acp 2016-3-10
自动补齐的意思,就是按 style ,再按空格,自动补齐代码:
<style type="text/css">
</style>
开始编辑“以浏览器模式预览的文件” Ctrl + E
新建html文件 Ctrl+Shift+N
新建浏览器窗口 Ctrl+Shift+B
选中的字母切换为小写 Ctrl+L
选中的字母切换为大写 Ctrl+U
选中的词组首字母大写 Ctrl+Shift+U
复制选定文本并追加到剪贴板中 Ctrl+Shift+C
剪切选定文本并追加到剪贴板中 Ctrl+Shift+X
创建当前行的副本 Ctrl+J
复制上一行的一个字符到当前行 Ctrl+-
剪切选定文本并追加到剪贴板中 Ctrl+Shift+X
合并选定行 Ctrl+Shift+J
反转选定文本的大小写 Ctrl+K
开始/结束选择区域 Alt+Shift+B
选择当前行 Ctrl+R
全屏模式开/关 Ctrl+K
显示或隐藏标尺 Alt+Shift+R
显示或隐藏制表符与空格 Alt+Shift+I
显示函数列表 Ctrl+F11
转到当前文档的指定行 Ctrl + G
设置或清除当前行的标记 F9
转到下一个标记位置 F4
转到上一个标记位置 Shift+F4
清除当前文档中的所有标记 Ctrl+Shift+F9
搜索一对匹配的括号 Ctrl+]
搜索一对匹配的括号并选择该文本 Ctrl+Shift+]
切换当前文档的自动换行功能 Ctrl+Shift+W
编辑当前 HTML 页面的源文件 Ctrl+E
删除到当前行结束 Ctrl+Shift+Delete
删除当前单词 Alt+Delete
移除选中文本的HTML标签 Ctrl+Shift+P
启用或禁用代码折叠 Ctrl+Shift+F
调转光标两侧字符的位置 Ctrl+T
EditPlus,很土很简单很强大的网页编程工具
http://www.editplus.com/download.html 下载
/article/5813286.html 轻量级代码编辑器Editplus
Zen Coding
Zen Coding是一个快速HTML/XML/XSL/CSS快速编码的编辑器插件。通过一系列的缩写和规范来快速的创建代码。/article/5813287.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 #dae9fa当前行——背景色:RGB:166,202,240 #a6caf0
行号——背景色:RGB:192,220,192 行号——文本颜色:RGB:0,128,0
标尺——背景色:RGB:192,220,192 标尺——文本颜色:RGB:0,0,128
文件——在保存文件时创建备份(此项取消)
Tools -> Preferences -> File -> Create backup file when saving (把此选项取消,就不会创建.bak文件了)
Tools -> Preferences -> (选html)Func Pattern里填写: function[ \t]+[0-9a-zA-Z_]+[ \t]*\([ \t]*\) -----这样就可以使用Ctrl+F11查看函数列表了。
Tools -> Preferences -> Tab/Indent 将Tab和Intent都改为4,勾选“Insert spaces instead of tab”(使用空格代替tab)----(这个我不用)
参考阅读:
http://www.pythoner.com/182.html 配置EditPlus支持Shell语法高亮和自动补全
http://zhidao.baidu.com/link?url=cq1ICBg8B-qtlIskr6KHKlQ3HcR-Hcl2w9Wkg5Vv_mcp8cuVfeKoIBocs438mdzv29hSSw_CIReTC3SrcTHzYK EditPlus 编辑器如何自动补全
模板(自用)
1、template.html<!doctype html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <link href="css.css" type="text/css" rel="stylesheet" /> <script src="http://cdn.bootcss.com/jquery/1.12.1/jquery.min.js"></script> <link href="css.css" type="text/css" rel="stylesheet" /> <script src="http://cdn.bootcss.com/jquery/1.12.1/jquery.min.js"></script> <!-- <script src="http://cdn.bootcss.com/jquery/jquery-2.2.1.min.js"></script> --> <!-- <script src="http://cdn.bootcss.com/jquery/jquery-1.7.2.min.js"></script> --> <!-- <script src="http://cdn.bootcss.com/jquery/jquery-1.8.3.min.js"></script> --> <!-- angular --> <!-- <script src="http://code.angularjs.org/angular-1.1.0.min.js"></script> --> <!-- bootstrap --> <!-- <link href="http://cdn.bootcss.com/bootstrap/4.0.0-alpha/css/bootstrap.min.css" rel="stylesheet"> <script src="http://cdn.bootcss.com/bootstrap/4.0.0-alpha/js/bootstrap.min.js"></script> --> <script type="text/javascript"> $(function(){ $("input[type=button]").click(function(){ }); }); </script> <style type="text/css"> </style> ^! </body> </html>
自动补齐设置(自用): C:\Users\cyx\AppData\Roaming\EditPlus 3\htmlbar.acp 2016-3-10
自动补齐的意思,就是按 style ,再按空格,自动补齐代码:
<style type="text/css">
</style>
#TITLE=HTML ; EditPlus Auto-completion File v1.0 written by ES-Computing. ; This file is intended to be used by HTML Toolbar of EditPlus. ; <WARNING> ; This file is required for EditPlus to run correctly. ; You can modify only the content of each entry. ; Do not add/remove any entry. ; Do not modify title of each entry. #CASE=n #T=B <b>^!</b> #T=I <i class="">^!</i> #T=em <em>^!</em> #T=DIV <div class="^!"></div> #T=SPAN <span class="">^!</span> #T=H1 <h1>^!</h1> #T=H2 <h2>^!</h2> #T=H3 <h3>^!</h3> #T=H4 <h4>^!</h4> #T=H5 <h5>^!</h5> #T=H6 <h6>^!</h6> #T=BR <br> #T=P <p>^!</p> #T=A <a href="##" class="^!"></a> #T=HR <hr> #T=IMG <img src="" class="^!" alt=""> #T=PRE <pre>^!</pre> #T=<! <!-- ^! --> #T=TABLE <table> <tr><td>^!</td></tr> </table> #T=DL <dl> <dt>^!</dt> <dd></dd> </dl> #T=UL <ul> <li>^!</li> <li></li> </ul> #T=OL <ol> <li>^!</li> <li></li> </ol> #T=FORM <form method="post" action=""> ^! </form> #T=IFRAME <iframe src="" id="" name="" width="300" height="300" frameborder="0" marginwidth="0" marginheight="0" vspace="0" hspace="0" allowtransparency="true" scrolling="no" allowfullscreen="true"></iframe> #T=STYLE <style type="text/css"> ^! </style> #T=SCRIPT <script type="text/javascript"> $(function(){ $("^!").click(function(){ }); }); </script> #T=SELECT <select name=""> <option value="" selected>^!</option> <option value=""></option> </select> #T=RADIO <input type="radio" name="^!"> #T=CHECKBOX <input type="checkbox" name="^!"> #T=TEXTAREA <textarea name="" rows="6" cols="50">^!</textarea> #T=TEXT <input type="text" name="^!"> #T=PASSWORD <input type="password" name="^!"> #T=HIDDEN <input type="hidden" name="^!"> #T=BUTTON <input type="button" value="^!" class=""> #T=SUBMIT <input type="submit" value="^!" class="">
快捷键
以浏览器模式预览文件 Ctrl + B开始编辑“以浏览器模式预览的文件” Ctrl + E
新建html文件 Ctrl+Shift+N
新建浏览器窗口 Ctrl+Shift+B
选中的字母切换为小写 Ctrl+L
选中的字母切换为大写 Ctrl+U
选中的词组首字母大写 Ctrl+Shift+U
复制选定文本并追加到剪贴板中 Ctrl+Shift+C
剪切选定文本并追加到剪贴板中 Ctrl+Shift+X
创建当前行的副本 Ctrl+J
复制上一行的一个字符到当前行 Ctrl+-
剪切选定文本并追加到剪贴板中 Ctrl+Shift+X
合并选定行 Ctrl+Shift+J
反转选定文本的大小写 Ctrl+K
开始/结束选择区域 Alt+Shift+B
选择当前行 Ctrl+R
全屏模式开/关 Ctrl+K
显示或隐藏标尺 Alt+Shift+R
显示或隐藏制表符与空格 Alt+Shift+I
显示函数列表 Ctrl+F11
转到当前文档的指定行 Ctrl + G
设置或清除当前行的标记 F9
转到下一个标记位置 F4
转到上一个标记位置 Shift+F4
清除当前文档中的所有标记 Ctrl+Shift+F9
搜索一对匹配的括号 Ctrl+]
搜索一对匹配的括号并选择该文本 Ctrl+Shift+]
切换当前文档的自动换行功能 Ctrl+Shift+W
编辑当前 HTML 页面的源文件 Ctrl+E
删除到当前行结束 Ctrl+Shift+Delete
删除当前单词 Alt+Delete
移除选中文本的HTML标签 Ctrl+Shift+P
启用或禁用代码折叠 Ctrl+Shift+F
调转光标两侧字符的位置 Ctrl+T
相关文章推荐
- 0代码、不编程—交互式网页设计工具VXPLO
- 0代码、不编程—交互式网页设计工具VXPLO
- 吐血推荐"泛绿色编程工具": EditPlus 已于 2010-07-14 升级到 v3.12(602)
- 使用editplus等编程工具时UTF-8编码去掉BOM头方法(转载备查)
- 不懂编程也能开发应用?微软推出WP应用网页开发工具
- 网页制作的中的一些工具代码
- [转载]Linux 下的编程工具
- [原创]:2004末的彩蛋,FlashVml1.0(在线图像、动画、3D网页设计工具)发布
- 生成工具-CodeSmith-享受编程的乐趣(一)
- [Linux]C++编程工具
- [票据打印]使用扫描仪加快可视化编程工具下票据套打的开发
- 生成工具-CodeSmith-享受编程的乐趣(二)
- 网页制作的中的一些工具代码(转)
- WDSsoft免费源代码,java加密解密编程常用工具包 JCT 1.0 (整理)
- 【转载】VC编程中如何在视图区显示工具提示
- 英特尔 4 日推 64 位编程工具推动 X86-64 芯片普及
- 注册表的API编程 用API生成平面工具条
- <<产生式编程方法,工具与应用>>问题
- C语言, 值得终身使用的编程工具(二)―――― “秘密”