Dreamweaverでテキストエディタとしてファイルを開く│システムガーディアン株式会社

こんにちはカトーです。

古くは秀丸から始まり、最近ではAtomからVS Codeに乗り換えているエディタ難民です。

Web案件とSQL文やサーバコンフィグ加工したりと使い分けが、難民化の原因かと思いますが、最近では用途によってIDEも使い分ければいいかな？となっている昨今です。

前置きが長くなりましたが、Webのフロント側はVS codeとDreamweaver 2019、2020を使い分けてますので、Dreamweaver にも独自なファイルも登録しておくという備忘録メモになりますよ。

ほ、ほら…毎回検索すると違うフォルダ書いてる記事がありますから。ねぇ。

1 Dreamweaver 認識可能なファイル拡張子の変更と追加
2 MMDocumentTypes.xml ファイルでマークアップ
3 最後に、

Dreamweaver 認識可能なファイル拡張子の変更と追加

たとえば、.env とか .twig とか開こうと思っても、”このファイル拡張子に有効なエディターが見つかりません。”と表示されますので、早速、登録します。

手順はAdobeの公式にもありますが、

Dreamweaver を終了させる。

コンフィグがあるフォルダを開く。

Windows Vista 以降は  C:\Users\＜ユーザー名＞\AppData\Roaming\Adobe\Dreamweaver ＜バージョン＞\ja_JP\Configuration
Windows XPだと、C:\Documents and Settings\＜ユーザー名＞\Application Data\Adobe\Dreamweaver ＜バージョン＞\ja_JP\Configuration
Mac OS
Macintosh HD/Users/＜ユーザー名＞/Library/Application Support/Adobe/Dreamweaver ＜バージョン＞/ja_JP/Configuration

そのフォルダ内に、Extensions.txtがあるので、ここを開いて拡張を追加します。
なにか文字コードミスったとかなると問題なので、このファイルは名前を変えてどっかに保存しておきましょう。記載の仕方は簡単で、
「拡張子,拡張子,拡張子,拡張子：開く形式」…と記載されているので、ここの拡張に追加するだけです。
以下に例としてsymfonyで使うtwigとenv を追加しました。

HTM,HTML,SHTM,SHTML,XHTML,STM,SSI,JS,JSON,APPCACHE,XML,XSL,XSD,DTD,RSS,RDF,LBI,DWT,ASP,ASA,ASPX,ASCX,ASMX,CONFIG,CS,CSS,SCSS,LESS,SASS,CFM,CFML,CFC,TLD,TXT,PHP,PHP3,PHP4,PHP5,PHP-DIST,PHTML,TPL,VB,INC,SQL,MASTER,SVG:All Documents
HTM,HTML,HTA,HTC,XHTML,TWIG:HTML Documents
SHTM,SHTML,STM,SSI,INC:Server-Side Includes
JS:JavaScript Documents
XML,DTD,XSD,XSL,XSLT,RSS,RDF:XML Files
LBI:Library Files
DWT:Template Files
CSS,SCSS,LESS,SASS:Style Sheets
ASP,ASA:Active Server Pages
ASPX,ASCX,ASMX,CS,VB,CONFIG,MASTER:Active Server Plus Pages
CFM,CFML,CFC:ColdFusion Templates
APPCACHE:Manifest
HTACCESS:Directory Configuration File
TXT,env:Text Files
PHP,PHP3,PHP4,PHP5,TPL,PHP-DIST,PHTML:PHP Files
TLD:Tag Library Descriptor Files
SQL:SQL Files
VTM,VTML:VTML Files
SVG:Scalable Vector Graphics Files
JSON:Json Files

これで、再起動すれば開けるようになってます。楽ですね。

だだタグの色分けなどマークアップしたい場合は、更に追加します。

MMDocumentTypes.xml ファイルでマークアップ

手順は先程と同じで、MMDocumentTypes.xml があるので、ここに変更です。

ちなみに上の画像はまったく関係ありませんが、女性の画像は目に優しいので、貼り付けておきました。

さて、置いてある場所は、

64 ビット版 Windows
C:\Program Files (x86)\Adobe\Adobe Dreamweaver ＜バージョン＞\configuration\DocumentTypes
32 ビット版 Windows
C:\Program Files\Adobe\Adobe Dreamweaver ＜バージョン＞\configuration\DocumentTypes
Mac OS
Macintosh HD/Applications/Adobe Dreamweaver ＜バージョン＞/Configuration/DocumentTypes

例としてsymfonyで使うtwigを追加します。

<?xml version="1.0"?>
<documenttypes xmlns:MMString="http://www.macromedia.com/schemes/data/string/">
	<documenttype id="HTML" internaltype="HTML" winfileextension="html,htm,shtml,shtm,stm,tpl,lasso,xhtml,twig" macfileextension="html,htm,shtml,shtm,tpl,lasso,xhtml,ssi,twig" file="Default.html" writebyteordermark="false" mimetype="text/html">
		<TITLE>
			<MMString:loadString id="mmdocumenttypes_0" />

以上です。