`
yxgyh
  • 浏览: 275515 次
  • 性别: Icon_minigender_1
  • 来自: 苏州
社区版块
存档分类
最新评论

EditPlus技巧

正则表达式CSS面试XHTMLHTML 
阅读更多

除了windows操作系统，EditPlus可以说是我最经常使用的软件了。无论是编写xhtml页面，还是css、js文件，甚至随笔记记这样的事情，我都会使用EditPlus（现在使用的是EditPlus2.31英文版），感觉它不仅功能强大，更难得的是：绿色、轻量级、启动速度快、稳定性高……反正，我个人是爱死她了！

在使用中，我个人也总结了一些使用经验。可能作为高手的你，看来只是“相当肤浅”，但是没有关系，因为我相信，只要把知识共享出来，总能帮助到一些还在进步中的朋友。下面就让我们来开始配置出符合你自己使用习惯的EditPlus吧！

2008-05-08补充：同时推荐大家阅读这篇《“阿一web标准学堂”选修课：EditPlus高级使用技巧（附视频、课件、代码下载）》，有视频哦。

一边阅读，一边动手吧！

为了达到更好的效果，请你先下载我打包的这个 EditPlus压缩包文件（压缩包文件为绿色的EditPlus2.31英文版,含自动完成文件,高亮语法文件和剪切板代码片断文件，这些文件在解压目录下的"yzyFile"目录下），这样就可以一边看着这篇文章，一边亲自动手，从而达到更好的效果了。

设置EditPlus的配置文件路径

因为EditPlus是可以绿色使用的（直接解压那个EditPlus压缩包文件即可直接使用，不用安装），所以，当我们对EditPlus进行一系列的配置以后，保存下这些配置文件。以后当我们重装系统，或者换台电脑使用的时候，只要重新加载一下那些配置文件，以前的配置就都重新回来了，很是方便。所以，在讲其他配置和技巧之前，我们先设置好EditPlus的配置文件路径。

打开EditPlus → 【Tools】→ 【INI File Directory...】 → 在弹出的对话框中设置配置文件的保存位置（压缩包内的配置保存文件在解压目录下的"yzyFile\INIFiles"目录下）。这里你可能要重新设置一下目录，因为，我喜欢把EditPlus放在"D:\GreenSoft\EditPlus 2"下（把所有的绿色软件装在一个目录下，每次重装系统的时候，可以直接把绿色软件拷回去，就能直接使用了，从而避免了每次都安装那么多软件）。所以，就请你重新设置一下，根据你的习惯，把配置文件存放在某个目录下吧。

web标准设计
图1：设置EditPlus的配置文件保存路径

保护视力，从EditPlus做起

“最近眼睛好痛呀！”、“靠～眼睛简直要瞎了！”……不知道作为程序员的你是否也经常抱怨这样的事情，每天对着电脑看，的确对视力的伤害很大，所以能不能采取一些措施来为眼睛减减压呢？我在EditPlus里面是这样做的（因为EditPlus是我最长使用的工具，所以以EditPlus为例）—— 编辑区的背景设为灰色而不是默认的白色，使用较大字号的字体。效果如下图所示：

web标准设计
图2：灰色的背景，12号的雅黑字体，构造“爱眼”环境

你可以这样设置EditPlus编辑环境的背景颜色和字体。菜单【Tools】→ 【Preperences】→ 【General】→ 【fonts】和【colors】。需要说明一下的是：可以设置多种fonts，这样就可以很方便地切换fonts了（参看图2所示），这招对日企这样的朋友很方便哦。中文的字体设置几个，日文的字体设置几个，出现乱码的时候，切换一下字体就可以了。

web标准设计
图3：设置EditPlus的字体和颜色

配置文件模板，告别重复的体力劳动

设置好EditPlus的配置文件，就让我们开始EditPlus的使用技巧吧。第一个技巧当然就是和“新建”有关的啦。如果我们经常建立一种文件，而这种文件总会包含一些重复的文字或者代码的话，我们就可以建立模板，然后通过模板建立文件。从而摆脱每次都要重复的体力劳动。

我们就从建立一个属于自己的xhtml文件开始吧。菜单【File】→ 【New】→ 【Configure templates...】→ 在打开的对话框中“填上”菜单中显示的文字，已经模板文件的路径，就可以了。下次当你再次选择【File】→ 【New】的时候，就能够看到你建立的模板了。

web标准设计
图4：EditPlus中建立自己的模板

模板文件要怎么建立呢？其实很简单呀。举个很简单的例子，如果我想建立一个我自己的xhtml页面，模板文件就可以写成这样——

我的XHTML模板页面（点击前面+号展开代码）
<!--<br /> <br /> Code highlighting produced by Actipro CodeHighlighter (freeware)<br /> http://www.CodeHighlighter.com/<br /> <br /> --> 1<!DOCTYPE html public "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 2<html xmlns="http://www.w3.org/1999/xhtml">
 3<head>
 4    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 5    <meta name="Keywords" content="YES!B/S!,JustinYoung,web标准设计" />
 6    <meta name="Description" content="This page is from http://Justinyoung.cnblogs.com" />
 7    <title>简单的XHTML页面</title>
 8</head>
 9<body>
10^!
11</body>
12</html>

显然里面的Keywords和Description，意见title的内容都已经变成我常用的了。还有一点，请大家注意第10行的“^!”标签。这个标签在EditPlus中表示光标所在位置。显然，这里的意思就是：当你用这个模板建立一个新的文件的时候，光标就会自动停留在<body>和</body>之间，从而方便你的直接输入。

关于模板文件再说两句：

1：在我提供的那个 EditPlus压缩包文件中，模板文件存放在解压目录下的“\yzyFile\Templates”文件夹下。

2：我们知道使用快捷键“Ctrl + Shift + N”可以快速的建立一个html页面，而这个可以快速的建立html的模板，位于EditPlus目录下的，文件名为“templatex.html”。你可以通过修改这个模板文件，来达到你个性化html页面的目的。

顺手的侧边栏

如果你看不到侧边栏，可以使用快捷键（Alt + Shift + 1）。侧边栏包含了“快速目录路径”和“快速剪贴板”功能。“快速目录路径”就不说了，重点来说说“快速剪贴板”功能吧。其实说白了，就是一个地方，这个地方可以存放一些代码片断、常用文言等等文字。当你需要这些文字的时候，只要双击，就可以方便的添加到光标所在位置了。默认情况下会有一些 html，css代码，但是，说实话，我是不太经常使用那些东西的，那么多，找到都累死了。所以，我喜欢建立一个自己最常用的“剪贴板”库，因为是自己建的，所以用着就会比较顺手了。

你可以通过这种方式来建立自己的“剪贴板”库文件。在Cliptext侧边栏上的下拉列表框上点击右键 → 新建 → 填写文件名和显示标题→ 在新建的空白侧边栏上点击右键 → 新建 → 填入显示文本和代码即可。

关于“剪贴板”库文件再说两句：

1：在我提供的那个 EditPlus压缩包文件中“剪贴板”库文件存放在解压目录下的“\yzyFile\CliptextLibrary”文件夹下。

2：你可以通过直接编辑，解压目录下的“\yzyFile\CliptextLibrary”文件夹下的“剪贴板”库文件，来快速的建立自己的常用代码库（用EditPlus就可以打开，格式看一下就懂了。编辑好以后要重新“Reload”一下，或者重新启动一下才能刷新哦）。

3：侧边栏可以放在左边，也可以放在右面。设置的方法是：在侧边栏点击鼠标右键 → 选择【Location】菜单内的left或者right。

华丽的自动完成功能

<ul>
 <li><a href="" title=""></a></li>
 <li><a href="" title=""></a></li>
 <li><a href="" title=""></a></li>
 <li><a href="" title=""></a></li>
 <li><a href="" title=""></a></li>
</ul>

可以说是俺最喜欢的功能了。想象一下，作为一个经常制作网页的人来所，当你打一个“ua”字，然后按下空格，编辑器里面就出现了右边的代码，而且鼠标就停留在第一个href的双引号之间。那是多么愉快的事情。这就是EditPlus的自动完成功能，使用EditPlus的自动完成功能将会极大的提高你的工作效率。而且我们可以根据不同的文件类型，建立不同的“自动完成”，例如，如果是xhtml 文件，打“b”+ 空格”，就是 <strong></strong>，而在css文件中，“b”+ 空格”，就是 "border:1px solid red;"。非常的人性化。

你可以通过这样的设置，来使用EditPlus的自动完成功能。【Tools】→【Preperences】→ 【Files】→ 【Settings & syntax】 → 在【File types】中设置一下文件类型，然后再【Auto completion】中选择自动完成文件即可（如果你使用的是我那个 EditPlus压缩包文件，请注意调整这里的自动完成文件的路径）。自动完成文件我们可以自己进行编辑，这里我举个简单的例子，展开下面的代码，这个便是我css文件自动完成的文件内容，以第11行的“#T=bor”为例，它的意思就是如果输入bor然后按空格，就在光标所在位置插入“border:1px solid red;”

css自动完成例子，点击前面+号，展开代码
<!--<br /> <br /> Code highlighting produced by Actipro CodeHighlighter (freeware)<br /> http://www.CodeHighlighter.com/<br /> <br /> --> 1#TITLE=CSS
 2; EditPlus Auto-completion file v1.0 written by Justin Young(http://justinyoung.cnblogs.com).
 3; This file is provided as a default auto-completion file for CSS.
 4
 5
 6#T=*
 7* {}{margin:0; padding:0; list-style:none; }
 8^!
 9#T=bo
10border:1px solid #^!; 
11#T=bor
12border:1px solid red;
13^!
14#T=fl
15float:left; 
16#T=fr
17float:right; 
18#T=poa
19position:absolute; 
20#T=por
21position:relative; 
22#T=bg
23background:url('../Images/^!.gif') no-repeat;
24#T=bgc
25background-color:^!;
26#T=he
27height:^!px;
28#T=wi
29width:^!px;
30#T=ml
31margin-left:^!px;
32#T=mr
33margin-right:^!px;
34#T=mt
35margin-top:^!px;
36#T=mb
37margin-bottom:^!px;
38#T=pt
39padding-top:^!px;
40#T=pr
41padding-right:^!px;
42#T=pl
43padding-left:^!px;
44#T=pb
45padding-bottom:^!px;
46#T=bt
47border-top:1px solid ^!;
48#T=br
49border-right:1px solid ^!;
50#T=bl
51border-left:1px solid ^!;
52#T=bb
53border-bottom:1px solid ^!;
54#T=
55; 
56
关于“自动完成”文件再说两句：

1：在我提供的那个 EditPlus压缩包文件中“自动完成”文件存放在解压目录下的“\yzyFile\AutoCompletion”文件夹下。

2：你可以通过直接编辑，解压目录下的“\yzyFile\AutoCompletion”文件夹下的EditPlus自动完成文件，来快速的建立自己的EditPlus自动完成文件。

EditPlus自动完成
图5：“自动完成”和“高亮语法”设置对话框

彩色的文件，高亮语法文件

很多的开发工具都有语法高亮显示功能，EditPlus虽小，但是也有这个功能哦。设置方法可以参考图片5所示。和“自动完成”功能一样，只要为不同的文件类型指定“高亮语法”文件即可。css、html等常用的文件类型，EditPlus已经自带了高亮语法文件。如果自带的高亮语法文件没有你需要的，你可以去EditPlus官方网站的文件下载频道去看看，来自全球各地的朋友，贡献了很多的不同文件类型的高亮语法文件。可以很方便地免费下载到。

这里就稍微列举一下比较常用的EditPlus的高亮语法文件，更多的请到EditPlus的官方网站下载，EditPlus的官方地址为： http://www.editplus.com/files.html

EditPlus正则表达式

EditPlus中的查找（替换）功能，支持正则表达式。使用正则表达式可以极大的提高查找（替换）的强悍程度。因为正则表达式这东西不是一句话就能说完的，而且偏离此篇文章主题，所以这里只列举几个常用的例子。对此有兴趣的可以参考正则表达式资料，或者在EditPlus的help中 “Regular Expression”关键字进行索引查找。

EditPlus正则表达式
图6：在查找（替换）对话框中使用正则表达式

使用正则表达式进行查找（替换）的方法如上图所示，选择查找（替换）对话框中“Regular Expression”前面checkbox。点击查找（替换）文本框后的“倒三角”可以选择常用的正则表达式。

正则表达式实例
需求说明 正则表达式写法 备注
替换指定内容（以abc为例）到行尾 abc.* “.”表示匹配任意字符；“*”表示匹配0次或更多
给所有的数字加上引号 查找[0-9]替换为"\0" \0表示正则表达式匹配的对象
删除空白行 查找\n\n 替换为\n 把连续的2个换行符，替换成一个换行符

矩形选区

看到这个词，好像是说图像处理工具，其实非也，不管是VS还是EditPlus，其实都是支持矩形选区的。这对处理一些形如：去掉文章前端行号的情况有特效，矩形全区的选取方式就是按住Alt键，然后用鼠标划矩形选区(如图7所示)。需要注意到是在“自动换行”的情况下，是不能使用“矩形选区”的。你可以使用Ctrl+Shift +W来切换“自动换行”或者“不自动换行”视图。

在EditPlus中选取矩形选区
图7：在EditPlus中选取矩形选区（注意红色框内的“自动换行图标”）

提高工作效率，EditPlus 快捷键的使用

如果一个来你们公司面试程序员，连Ctrl + C 和Ctrl + V 都不用，而是使用“选中文本”→ 鼠标右键 → 【复制】，然后再鼠标右键→ 【粘贴】。你会不会录用他呢？（你还别笑，以前我们公司还真面试过一个这样的，所谓的“精通asp.net”的程序员）。所以熟练的使用软件的快捷键，不仅仅能够极大的提高工作效率，也从一个侧面表现出一个人对此软件的使用能力。EditPlus同样也有很多的快捷键，下面是一些我经常使用的 EditPlus特有的快捷键（Ctrl +C 、Ctrl+H这样的通用快捷键就不介绍了），略举一二，更多的请参看文章《EditPlus快捷键》

以浏览器模式预览文件 Ctrl + B
开始编辑“以浏览器模式预览的文件” Ctrl + E
新建html文件 Ctrl+Shift+N
新建浏览器窗口（类似于在EditPlus中打开ie） 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
  • js7.zip (9.2 KB)
  • 下载次数: 12
分享到：
| Ext.Ajax.request 与FormPanel.form.submi ...
评论
1 楼 wuyechun 2012-05-31  
谢谢分享 3Q
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    EditPlus使用技巧合集

    本合集将详细介绍EditPlus的各种使用技巧，帮助用户提升工作效率。 1. **代码高亮与自动完成** EditPlus支持多种编程语言的代码高亮，如Java、C++、Python等，使代码更易于阅读。同时，它的智能提示和自动完成功能...

    Editplus软件技巧.txt

    Editplus软件技巧.txt

    editplus使用技巧

    ### EditPlus 使用技巧详解 #### 一、替换指定文本 在使用 `EditPlus` 进行文本编辑时，经常会遇到需要替换特定字符串的情况。例如，将文档中的所有 "abc" 替换为 "abcefg"。具体操作方法是： 1. 打开查找与替换...

    editplus绿色中文版

    使用EditPlus技巧，提高工作效率 EditPlus的logo 除了windows操作系统，EditPlus可以说是我最经常使用的软件了。无论是编写xhtml页面，还是css、js文件，甚至随笔记记这样的事情，我都会使用EditPlus，感觉它不仅...

    EditPlus 2.12 使用技巧集萃

    ### EditPlus 2.12 使用技巧集萃 #### 一、使用正则表达式替换指定文本 在编辑器中，使用正则表达式进行文本替换是一项非常实用的功能。例如，如果你想要将文档中的所有“abc”替换成“abcefg”，可以通过以下步骤...

    Editplus快速处理文本技巧4则

    本文将介绍四个Editplus的实用技巧，帮助用户快速处理文本，提升工作效率。 首先是快速删除行首空格的技巧。在处理文本数据时，我们经常会遇到行首或行尾存在不必要空格的情况，这些空格虽然不起眼，却可能会影响...

    editplus4.3 64位汉化包

    5. **使用技巧与注意事项**： - 定期更新：确保你的EditPlus版本是最新的，以便获得最新的功能和修复的bug。 - 自定义配置：EditPlus允许用户自定义配置，包括颜色主题、字体大小、编码方式等，打造个性化的开发...

    CSS技巧与工具(EditPlus语法文件下载)

    标题中的“CSS技巧与工具(EditPlus语法文件下载)”暗示了我们即将探讨的是关于CSS（Cascading Style Sheets）的一些高级技巧以及EditPlus编辑器中相关的语法文件。EditPlus是一款功能强大的文本编辑器，尤其适用于...

    使用editplus的列选择省力粘贴

    ### 使用EditPlus进行高效的列选择与粘贴技巧 #### 一、引言 在日常的文本编辑工作中，经常需要处理大量的数据迁移与格式调整任务。本文将详细介绍如何利用EditPlus这款强大的文本编辑器来实现列选择及高效粘贴...

    EditPlus-v3.0

    关于**使用技巧集萃.txt**，这可能是一个包含EditPlus使用技巧的文档，包括但不限于以下几点： 1. **宏录制与播放**：EditPlus允许用户录制一系列操作并保存为宏，之后可以随时回放，大大节省重复性工作的步骤。 2....

    editplus使用手册

    本手册提供了 Editplus 的使用技巧和技巧，帮助用户更好地使用 Editplus，提高工作效率和质量。 一、正则表达式应用 正则表达式是 Editplus 中的一种强大功能，可以实现复杂的文本操作。下面是 Editplus 中的一些...

    EditPlus2.rar

    在本文中，我们将深入探讨EditPlus2的核心功能、使用技巧及其在不同场景下的应用。 一、基础功能 1. 多语言支持：EditPlus2 支持多种编程语言，如HTML、CSS、JavaScript、PHP、Python、Java等，提供语法高亮显示，...

    editplus用户文件userfile

    《EditPlus用户文件UserFile详解及其应用》 EditPlus是一款广受程序员喜爱的文本编辑器，它以其强大的功能和简洁的界面...如果你是EditPlus的使用者，掌握UserFile的使用方法和技巧，无疑会让你的工作更加得心应手。

    EditPlus

    4. **使用技巧集萃** - **设置编码**：用户可以自定义文件的编码格式，避免乱码问题。 - **块选择**：按住Alt键拖动鼠标，可以进行矩形区域的选择，方便进行批量修改。 - **多文档界面**：可以同时打开多个文件，...

    editplus如何实现整段缩进

    EditPlus是一款功能强大的文本编辑器，尤其在编程领域广受欢迎，因为它提供了许多便捷的代码编辑功能，其中之一就是整段缩进。...所以，熟练运用这些技巧，你的代码将会更加整洁、规范，也更容易被同行理解和维护。

    editplus选取关键字行教程.pdf

    editplus、Ultroedit、

    EditPlus3汉化版

    "晓文博客.url"则可能是一个链接，指向某个关于EditPlus3使用技巧或者教程的博客资源，用户可以通过这个链接获取更多使用心得和高级功能的介绍。 总的来说，EditPlus3汉化版凭借其全面的功能、优秀的语言支持和人性...

    EditPlus_3.6_绿色版

    **EditPlus 3.6 绿色版：全能文本编辑器的精华** EditPlus是一款备受程序员和文字工作者喜爱的文本编辑器，它以其强大的功能、高效的操作和高度...熟练掌握EditPlus的各项功能和使用技巧，无疑将大大提高工作效率。

Magicbox
Global site tag (gtag.js) - Google Analytics