<?xml version="1.0" encoding="utf-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>omiga &#187; EditPlus</title>
	<atom:link href="http://omiga.org/blog/archives/tag/editplus/feed" rel="self" type="application/rss+xml" />
	<link>http://omiga.org/blog</link>
	<description>简单就好</description>
	<lastBuildDate>Thu, 26 Apr 2012 04:18:50 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.2</generator>
<xhtml:meta xmlns:xhtml="http://www.w3.org/1999/xhtml" name="robots" content="noindex" />
		<item>
		<title>EditPlus使用详解</title>
		<link>http://omiga.org/blog/archives/1245</link>
		<comments>http://omiga.org/blog/archives/1245#comments</comments>
		<pubDate>Wed, 23 Dec 2009 12:55:34 +0000</pubDate>
		<dc:creator>omiga</dc:creator>
				<category><![CDATA[前端开发]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[EditPlus]]></category>
		<category><![CDATA[ep]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[javascript]]></category>

		<guid isPermaLink="false">http://omiga.org/blog/?p=1245</guid>
		<description><![CDATA[EditPlus（EP）帮助手册中列出了EP的主要功能： 语法高亮 Internet功能 HTML工具栏 文档选择器 用户工具和帮助文件 自动完成 素材文本窗口 文档模板 其他功能 其中“语法高亮”，“自动完成”和“文档模板”在EP中非常灵活，用户皆可根据自己需要进行配置。EP默认支持HTML、CSS、PHP、ASP、Perl、C/C++、Java、JavaScript 和 VBScript的语法高亮显示，基本上无需再做过多设置。而“自动完成”和“文档模板”默认支持有限，而且可能并不符合个人日常的一些编码习惯，那么则需要我们自己根据习惯进行配置，才能得心应手。 自动完成 自定义自动完成功能可分为两步：1.编写自动完成文件；2.指定关联路径。 #TITLE=CSS ;EditPlus Auto-completion file v1.0 written by wondger(http://omiga.org). ;This file is provided as a default auto-completion file for CSS. #CASE=n #T=reset /*reset*/ body,h1,h2,h3,h4,h5,h6,ul,ol,p,dl,dt,dd,th,td{margin:0; padding:0;} table{border-collapse:collapse;} li{list-style:none;} em{font-style:normal;} img{border:none;} a img{vertical-algin:top;} /*reset*/ #T={ {^!} #T=m margin:^!px; #T=ma margin:0 auto;^! #T=mt margin-top:^!px; #T=mr margin-right:^!px; [...]]]></description>
			<content:encoded><![CDATA[<p>EditPlus（EP）帮助手册中列出了EP的主要功能：</p>
<ul>
<li><strong>语法高亮</strong></li>
<li>Internet功能</li>
<li>HTML工具栏</li>
<li>文档选择器</li>
<li>用户工具和帮助文件</li>
<li><strong>自动完成</strong></li>
<li>素材文本窗口</li>
<li><strong>文档模板</strong></li>
<li>其他功能</li>
</ul>
<p>其中“语法高亮”，“自动完成”和“文档模板”在EP中非常灵活，用户皆可根据自己需要进行配置。EP默认支持HTML、CSS、PHP、ASP、Perl、C/C++、Java、JavaScript 和 VBScript的语法高亮显示，基本上无需再做过多设置。而“自动完成”和“文档模板”默认支持有限，而且可能并不符合个人日常的一些编码习惯，那么则需要我们自己根据习惯进行配置，才能得心应手。</p>
<p><strong>自动完成</strong></p>
<p>自定义自动完成功能可分为两步：1.编写自动完成文件；2.指定关联路径。</p>
<pre>#TITLE=CSS
;EditPlus Auto-completion file v1.0 written by wondger(http://omiga.org).
;This file is provided as a default auto-completion file for CSS.
#CASE=n
#T=reset
/*reset*/
body,h1,h2,h3,h4,h5,h6,ul,ol,p,dl,dt,dd,th,td{margin:0; padding:0;}
table{border-collapse:collapse;}
li{list-style:none;}
em{font-style:normal;}
img{border:none;}
a img{vertical-algin:top;}
/*reset*/
#T={
{^!}
#T=m
margin:^!px;
#T=ma
margin:0 auto;^!
#T=mt
margin-top:^!px;
#T=mr
margin-right:^!px;
#T=mb
margin-bottom:^!px;
#T=ml
margin-left:^!px;</pre>
<p>以上为一段CSS自动完成文件代码。自动完成文件每个语句必须以“#”开头。</p>
<ul>
<li>#TITLE &#8211; 为自动完成文件标题</li>
<li>#CASE &#8211; 指定是否区分大小写。‘y’表示是，‘n’表示否。默认值是‘n’。</li>
<li>每个自动完成片段以“<span>#t=</span>title”形式的开始。title是你要你扩展的缩写词，换行后开始匹配自动完成文本，直到遇到“#”符号。如：</li>
</ul>
<pre>#T=m
margin:^!px;</pre>
<ul>
<li>^! &#8211; 指定每一次自动完成后光标的停留位置。</li>
<li>^ &#8211; 转义字符，如果需要在自动完成文本中插入“^”或“#”则需要先进行转义：“^^”，“^#”。</li>
</ul>
<p>自动完成文件编写完成后，保存为.acp文件在任一文件目录即可。<span id="more-1245"></span></p>
<p>随后打开“工具”菜单-“首选项”-“文件”-“设置和语法”，为相关文件类型设置自动完成文件，“确定”完成设置。</p>
<p><img class="alignnone size-full wp-image-1250" title="ep_acp" src="http://omiga.org/img//ep_acp.jpg" alt="ep_acp" width="582" height="383" /></p>
<p>自此自动完成功能配置完成，在对应类型的文件编码中，空格触发自动完成功能。当然，你可以通过Shift 键或Window徽标键来暂时禁止此功能。</p>
<p><strong>文档模板</strong></p>
<p>我们日常处理的不论是HTML文档，还是CSS,JavaScript文档，都存在一定的文档规范，比如版权信息，title，keywords，description，或者一些固定的文档结构。我们显然不希望每次新建这些文档的同时，都需要重新录入这些代码，即使是“Ctrl+v”也还是有损效率。那么EP的“文档模板”则可帮助我们完成所有的工作。</p>
<p>自定义“文档模板”也分为两步：1.编写文档模板，2.关联模板</p>
<p>编写文档模板非常简单，无任何语法。比如，我需要一个HTML文档模板，那么新建一个HTML文档如下。</p>
<pre>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
&lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
&lt;head&gt;
&lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt;
&lt;meta http-equiv="Content-Script-Type" content="text/javascript" /&gt;
&lt;title&gt;title | wondger@gmail.com/&lt;/title&gt;
&lt;meta name="keywords" content="" /&gt;
&lt;meta name="description" content="" /&gt;
&lt;meta name="robots" content="all" /&gt;
&lt;meta name="author" content="wondger" /&gt;
&lt;style type="text/css"&gt;

&lt;/style&gt;
&lt;/head&gt;
&lt;body&gt;

&lt;/body&gt;
&lt;script type="text/javascript"&gt;
//&lt;![CDATA[

//]]&gt;
&lt;/script&gt;
&lt;/html&gt;</pre>
<p>根据个人需要编写模板完成后，保存为.html在任一文件目录。</p>
<p>随后打开“工具”菜单-“首选项”-“文件”-“模板”，在模板列表中选择相应模板关联模板文件即可。模板可以是默认模板，也可以新建模板（MY_PAGE）。</p>
<p><img class="alignnone size-full wp-image-1255" title="ep_tp" src="http://omiga.org/img//ep_tp.jpg" alt="ep_tp" width="582" height="383" /></p>
<p>这样便完成“文档模板”设置，现在文件新建菜单中便可选择新建该模板文档。（其实你还可以自定义新建文档快捷键，稍后介绍）</p>
<p><img class="alignnone size-full wp-image-1256" title="ep_new" src="http://omiga.org/img//ep_new.jpg" alt="ep_new" width="582" height="383" /></p>
<p><span style="text-decoration: underline;"><strong>其他功能</strong></span></p>
<p><strong>自定义快捷键</strong></p>
<p>EP所有操作的快捷键皆在“工具”菜单-“首选项”-“工具”-“键盘”中进行设置。我们以新建模板文档为例。</p>
<p><img class="alignnone size-full wp-image-1257" title="ep_hotkey" src="http://omiga.org/img//ep_hotkey.jpg" alt="ep_hotkey" width="582" height="383" /></p>
<p>在“文件”菜单的“命令”中并不存在新建的“MY_PAGE”模板，那么如何自定义“新建MY_PAGE文档”的快捷键？其实这里存在一个对应关系，在“文件”菜单的“命令”列表中存在一个“模板1”-“模板20”的选项列表，这就对应于我们的自定义模板。</p>
<p><img class="alignnone size-full wp-image-1258" title="ep_md" src="http://omiga.org/img//ep_md.jpg" alt="ep_md" width="582" height="383" /></p>
<p>在EP的模板列表中默认的HTML和XHTML模板无法删除，那么我们自定义的模板则按照从上到下的顺序为“模板1”、“模板2”&#8230;（其实我在想第21个自定义模板怎么办？-_-!）。这里“MY_PAGE”对应于“模板5”，在设置快捷键的时候会提示该快捷键是否已定义，如果分配已定义的快捷键，那么较早的定义会被覆盖。一个命令可以定义多个快捷键。</p>
<p><strong>自动保存</strong></p>
<p>EP具有定时自动保存的功能，保存间隔时间可在“工具”菜单-“首选项”-“文件”中进行设置。</p>
<p><strong>保存时创建备份</strong></p>
<p>EP默认会在保存时自动创建一个.bak备份文件。备份文件存放目录，后缀名皆可自定义。</p>
<p><strong>HTML工具栏</strong></p>
<p><strong><img class="alignnone size-full wp-image-1259" title="ep_toolbar" src="http://omiga.org/img//ep_toolbar.jpg" alt="ep_toolbar" width="582" height="26" /><br />
</strong></p>
<p>EP具有强大的HTML工具栏，具有插入图像、选择颜色、插入特殊字符、表格、段落、列表、注释、表单等丰富功能。这个HTML工具同时也是可以在“工具”菜单-“首选项”-“工具”-“工具栏”自定义。</p>
<p>OK，以上内容为个人认为是在EP使用中较多涉及的一些功能。除此之外关于软件本身的一些设置，如字体，颜色，背景，布局等，大家就慢慢折腾吧！</p>
<hr />
<p><small>© omiga for <a href="http://omiga.org/blog">omiga</a>, 2009. |
<a href="http://omiga.org/blog/archives/1245">Permalink</a> |
<a href="http://omiga.org/blog/archives/1245#comments">No comment</a> |
Add to
<a href="http://del.icio.us/post?url=http://omiga.org/blog/archives/1245&title=EditPlus使用详解">del.icio.us</a>
<br/>
Post tags: <a href="http://omiga.org/blog/archives/tag/css" rel="tag">css</a>, <a href="http://omiga.org/blog/archives/tag/editplus" rel="tag">EditPlus</a>, <a href="http://omiga.org/blog/archives/tag/ep" rel="tag">ep</a>, <a href="http://omiga.org/blog/archives/tag/html" rel="tag">HTML</a>, <a href="http://omiga.org/blog/archives/tag/javascript" rel="tag">javascript</a><br/>
</small></p>]]></content:encoded>
			<wfw:commentRss>http://omiga.org/blog/archives/1245/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

