editplus中html的自动补全功能

之前一直都是“纯手工”,一个一个符号慢慢敲的,现在编码量大了,自然效率也不能还停留在一个一个慢慢敲的时代。

如何设置editplus中的自动补全功能?

首先在Tools中找到Configure User Tools...,点击File选项下的Settings &&syntax,在File types中选中HTML。

将下面的Auto Completion选项勾选,默认是htmlbar.acp。点击下面的OK就可以了。

怎么使用editplus的自动补全呢?

首先先新建一个HTML页面,当你要编写一个标签的时候,比如:<div></div>;你只需要编写div + 空格/回车,editplus就帮你自动补全为<div id="" class=""></div>了,非常方便。如果你不知道还有哪些快捷命令,你可以打开htmlbar.acp进行查看。找不到这个文件你就点击上图中红圈圈的那个open按钮,这样也可以打开。

如何编写自己的模板指令?

打开htmlbar.acp文件后可以看到很多指令,比如:

#T=H1

<h1>^!</h1>

意思就是h1 + 空格/回车就会补全为第二行模板的样子,“^!”的意思是补全之后光标的位子。明白了之后,你也可以根据自己的编程习惯添加一些自己的模板指令,加快自己的编写速度。

因为默认的htmlbar.acp是没有包含HTML5的标签的,所以用起来有点麻烦,难道要一个个的加进去吗?嘻嘻,这个工作已经有人帮你做了,登录editplus的官网,官网上有很多版本的指令(https://www.editplus.com/html.html)。这里不仅仅有html,css、js、php都有,自己下好,将acp文件放到editplus的syntax目录下,再到Tools里面设置一下就可以了。

默认的htmlbar.acp中的指令格式是: 标签名 + 空格/回车,而我下载的html5.acp的指令格式是: # + 标签名 + 空格/回车;

因为我是个比较“懒”的人,当然更倾向于没“#”号的啦。于是我将htmlbar.acp中没有的html5指令复制了过来,同时加入了一点自己习惯的指令。下面有下载链接,有兴趣的可以自己下来看看。

在自己编写指令的时候注意,“;”就是注释。“#T=”之后就是指令,模板是下面所有的代码,直到遇到下一个“#T=”或者 “#”;

所以在你想空几行来分隔开时要注意,在接受的模板后面添加一个“#”,否则模板的效果会多出很多空白行。

时间: 2024-08-01 02:47:01

editplus中html的自动补全功能的相关文章

mac-Anaconda中spyder设置自动补全功能

问题:Spyder中有时按tab不会自动补全 python——>Preferences: 设置以下两项: 原文地址:https://www.cnblogs.com/jpr-ok/p/12443979.html

Powershell中命令自动补全功能及使用Windows命令

上一节主要介绍了Powershell中常见的别名,以及怎么通过别名查看真实的Powershell命令,Powershell别名的命名规范以及如何新建自己的别名(Powershell内置别名不可更改)以及Powershell中兼容性别名,详细内容点击这里. 在本节主要包含以下内容. Powershell命令自动补全功能. 在Powershell中使用cmd命令. 总结 Powershell中命令自动补全功能 Powershell命令自动补全的功能也称为Tab扩展,自动补全的功能可以大大提高命令输入

vue中实现中,自动补全功能

知识点:利用vue的基本语法实现,自动补全功能 参考博客:https://www.jb51.net/article/136282.htm 效果:在文本框中,输入相关名称,调用后台接口,将数据填充到下拉div中,然后选择相应的选项,将值赋值到文本框中 (暂时是离开文本框,触发下拉框div,之后会改进demo) 代码: <div style="width: 800px"> <div v-for="(v,i) in contactlist"> &l

c#TextBox输入框自动提示、自动完成、自动补全功能

功能概览 相关属性 TextBox.AutoCompleteCustomSource 属性 获取或设置当 TextBox.AutoCompleteSource 属性设置为 [CustomSource] 时要使用的自定义 T:System.Collections.Specialized.StringCollection. TextBox.AutoCompleteMode 属性 获取或设置一个选项,该选项控制自动完成应用于 TextBox 的方式. 属性值 类型:System.Windows.For

Eclipse自动补全功能和自动生成作者、日期注释等功能设置

以前想实现添加代码作者信息的东西,但不知道怎样实现,今天终于在网上无意中找到解决办法了 Eclipse自动生成作者.日期注释等功能设置 在使用Eclipse 编写Java代码时,自动生成的注释信息都是按照预先设置好的格式生成的. 修改作者.日期注释格式:打开Windows->Preferences->Java->Code Style->Code Templates,点击右边窗口中的Comments,可以看到有很多选项,我们便可对此注释信息模板进行编辑. 如我们希望在一个Java文件

Eclipse中输入变量会自动补全上屏的解决方法

我自己在启动Eclipse代码补全后输入感觉确实爽多了,但是每次输入变量后一按下空格,编译器会自己帮你写一个很蛋疼的名字,比如你输入了:String mStr后按下空格,它就变成了mString,十分讨厌.下面是正规的解决办法,但是经过我反复折腾,我实在没办法把插件的源码显示到工程中.于是偷个懒去网上下载了已经修改好的jar包,成功搞定. 我自己复制jar包的目录是:D:\Work Appliactions\adt-bundle-windows-x86-20140702\eclipse\plug

debian下增强bash的自动补全功能

在我们新安装的Debian系统时,发现很多命令都不能自动补全,这是很不方便的,因为每个人的精力都是有限的,不是对每个命令的每一个细节都能完全记住,因此自动补全是一个很实用的功能!对于Debian操作系统,我们可以使用下列方法进行增强命令的自动补全功能! 修改/etc/bash.bashrc文件,将 #if [ -f /etc/bash_completion ]; then # . /etc/bash_completion #fi 前面的#去掉 修改/etc/profile文件,在最后增加一行 s

【Qt编程】自动补全功能

最近写了一个查单词的类似有道词典的软件,里面就有一个自动补全功能(即当你输入一个字母时,就会出现几个候选项).这个自动补全功能十分常见,百度搜索关键词时就会出现.不过它们这些补全功能都是与你输入的进行首字匹配,有时也会不方便.例如,如果我输入一个"好",如果是首字匹配的话会出现下图: 如果是句中匹配的话,则是这种情况: 你可以根据自己的要求进行选择哪一种模式. Qt中自带QCompleter类来实现上面的自动补全功能,读者可以在Qt自带的demo中很容易的学会该类的使用.下面我要讲的是

vim基础学习之自动补全功能

本章我们学习自动补全功能1.自动补全优先从当前的编辑区获得补全列表例如:我们写下如下内容 aaaaa aabbb aaab 当我们再次输入aa,然后我们按下Tab的时候,会弹出一个包含 aaaaa aabbb aaab的列表触发补全模式的条件1.插入模式下 ctrl+p ctrl+n 或者Tab 同时,ctrl+p ctrl+n还能够上下移动选中补全列表项还有其他的补全方法,如下这些方法都是以ctrl + x来启动的,然后跟着你想要的补全样式 1.<c-n>-普通关键字 2.<c-x&g