EditPlus 自動補完、テンプレート設定_html/css_WEB-ITnose

EditPlus は、小さいながらも短く、簡潔で、高速な非常に使いやすいエディターです。正しく設定されていれば、この機能も非常に強力です。 EditPlus のオートコンプリートとテンプレートの設定方法をまとめてみましょう。

1. 自動補完を設定します: (CSS の開発を例にします)

1. 上部のツールバーのオレンジ色のチェックマークをクリックします

(または [ツール] -> [設定] をクリックします)

2.左側の [設定と構文] をクリックし、以下の手順に従います。

3. css.acp ファイルを作成します

形式: #T=BG

背景: ^!

BG は設定したショートカット キーを表し、^! 「BG」と入力してスペースまたは Enter を押すと、背景: カーソル位置が表示されます。

これは私の css.acp です:

; CSS 自动补全配置文件 by pmm, 2015/7/26#T={ {		^!}#T=Bborder: ^!#T=BTborder-top: ^!#T=BLborder-left: ^!#T=BRborder-right: ^!#T=BBborder-bottom: ^!#T=Ccolor: ^!#T=Ffont: ^!#T=BGbackground: ^!#T=BCbackground-color: ^!#T=PApadding: ^!#T=PLpadding-left: ^!#T=PRpadding-right: ^!#T=PTpadding-top: ^!#T=PBpadding-bottom: ^!#T=MAmargin: ^!#T=MLmargin-left: ^!#T=MRmargin-right: ^!#T=MTmargin-top: ^!#T=MBmargin-bottom: ^!#T=FLfloat: ^!#T=WIwidth: ^!#T=HEheight: ^!#T=POposition: ^!#T=ABabsolute; ^!#T=ALPHAfilter:alpha(opacity: ^!)opacity:#T=FSfont-size: ^!#T=TAtext-align: ^!#T=DIdisplay: ^!#T=VIvisibility: ^!#T=LHline-height: ^!#T=CLclear: ^!#T=RIright^!#T=LEleft^!#T=RErelative^!#T=OFoverflow: ^!#T=HIhidden^!#T=FFfont-family: ^!#T=FSIfont-size: ^!#T=FCfont-color: ^!#T=TItext-indent: ^!#T=LSlist-style: ^!#T=TDtext-decoration: ^!

2. テンプレートを設定します: (開発中の HTML を例として取り上げます)

1. 上のツールバーのオレンジ色のチェック マークをクリックします (または [ツール] -> [ツール] をクリックします)。設定)

2. ポップアップ ダイアログ ボックスの左側にある [テンプレート] をクリックし、以下の手順に従います。

次に、EditPlus エディターで template.html ファイル テンプレートを編集し、保存します。 EditPlus を再起動して、構成したばかりのテンプレートを使用します。