Add or modify file extensions in Dreamweaver

In Windows Explorer, do one of the following:

• In Windows XP, choose Tools > Folder Options.
• In Windows Vista, choose Organize > Folder and Search Options.

Click the View tab in the Folder Options dialog box.

In Advanced Settings, select Show Hidden Files And Folders.

Deselect Hide Extensions For Known File Types.

Click OK.

Locate the Extensions.txt file within the Dreamweaver user configuration folder. The location of this folder depends on the operating system and the version of Dreamweaver:

• Dreamweaver CS3 on Windows Vista:
  C:\Users\[username]\AppData\Roaming\Adobe\Dreamweaver 9\Configuration
• Dreamweaver 8 on Windows Vista:
  C:\Users\[username]\AppData\Roaming\Macromedia\Dreamweaver 8\Configuration
• Dreamweaver CS3 on Windows XP:
  C:\Documents and Settings\[username]\Application Data\Adobe\Dreamweaver 9\Configuration
• Dreamweaver 8 on Windows XP & 2000:
  C:\Documents and Settings\[username]\Application Data\Macromedia\Dreamweaver 8\Configuration
• Dreamweaver CS3 on Mac OS X:
  Mac HD:Users:[username]:Library:Application Support:Adobe:Dreamweaver 9:Configuration
• Dreamweaver 8 on Mac OS X:
  Mac HD:Users:[username]:Library:Application Support:Macromedia:Dreamweaver 8:Configuration

Note: Edits to this file are only available to the current user. Changes made to files within the user profile is not available to other users. For more information about manually editing Dreamweaver configuration files in a multiuser environment, see Customizing Dreamweaver in a multiuser environment.

Open Extensions.txt in any external text editor like Notepad or Text Editor.

Do not modify the Dreamweaver configuration files in Dreamweaver itself.

Add the extension to the All Documents line. Extensions must be in uppercase letters and separated by commas. For example, HTML,HTM,SHTM,SHTML,INC.

To add extensions to an existing document group, add the extension to the extension list for the desired group. To add a new document group, add a new line that contains the new document type and a listing of associated extensions. For example: INC:Include Files

You can also add this line to the Server Side Include list already within the file.

Save the file and restart Dreamweaver.

To see the changes, open Dreamweaver and open a file with the newly added file extension. The file opens only in Code view in Dreamweaver.

Select File > Save As, and click the Save As Type pop-up menu. You see the *.inc option as the recognized file extension in the Include Files option. You see the same option in the Files Of Type pop-up menu in File > Open.

To get Design view, color coding, and server behavior functionality working, you must edit the MMDocumentTypes.xml file, as described in the following sections.

Locate the MMDocumentTypes.xml file in the main Dreamweaver configuration folder (not the Dreamweaver user configuration folder). The location of this folder depends on the operating system and the version of Dreamweaver:

• Dreamweaver CS3 on Windows Vista & XP:
  
  C:\Program Files\Adobe\Adobe Dreamweaver CS3\Configuration\DocumentTypes
• Dreamweaver 8 on Windows Vista, XP & 2000:
  
  C:\Program Files\Macromedia\Dreamweaver 8\Configuration\DocumentTypes
• Dreamweaver CS3 on Mac OS X:
  
  Mac HD:Applications:Adobe Dreamweaver CS3:Configuration:Document Types
• Dreamweaver 8 on Mac OS X:
  
  Mac HD:Applications:Macromedia Dreamweaver 8:Configuration:Document Types

Open MMDocumentTypes.xml in any external text editor like Notepad or Text Editor.

Do not modify the Dreamweaver configuration files using Dreamweaver.

Find the tag set for the desired document type.

The following is the default document type definition for HTML documents from the MMDocumentTypes.xml file:

<documenttype id="HTML" internaltype="HTML" winfileextension="html,htm,shtml,shtm,stm,tpl,lasso,xhtml" macfileextension="html,htm,shtml,shtm,tpl,lasso,xhtml,ssi" writebyteordermark="false">

Add the desired extension to the winfileextension and macfileextension attributes of the documenttype tag. For example, winfileextension="html,htm,shtml,shtm,stm,tpl,lasso,xhtml,inc"

The code above adds the INC file extension to the list of files that Dreamweaver treats as HTML files. When you add extensions to lists for macOS and Windows for this file type, Dreamweaver opens this file type in Design view.

Save MMDocumentTypes.xml and restart Dreamweaver.

To see the changes, open Dreamweaver and open a file that has the newly added file extension.

The Design view, code coloring, and server behavior functionality (if applicable) work now.

If you made a backup of the MMDocumentTypes.xml and left it in the Configuration/DocumentTypes folder, you see multiple warning messages pop up when you launch Dreamweaver.

You see error messages like: "The Document Type "HTML" will not be added because it uses a file extension that is already associated with a prior Document Type."

You also see this error message if you have the same file type listed more than once in the MMDocumentTypes.xml.

To stop these warning messages, move your backup copy of the MMDocumentTypes.xml file outside the Configuration/DocumentTypes folder.

Exit the Dreamweaver application.

Open the brackets.json file from the following location, using a text editor:

Win: %appdata%\Adobe\Dreamweaver CC xxxx\en_US\Configuration\Brackets\brackets.json

macOS: ~/Library/Application Support/Adobe/Dreamweaver CC XXXX/en_US/Configuration/Brackets/brackets.json

Here, xxxx refers to the Dreamweaver version. For example, 2017.

In the .json file, after last Key/Value Pair, enter the following delimiter ,(comma) and type this text:
"language.fileExtensions": { ".ext": "php" }

Replace .ext with the list of comma separated file extensions for which code coloring has to be added.

Replace php with the desired document type. Document types that are supported are:

• bash
• c
• clojure
• coffeescript
• cpp
• csharp
• css
• dart
• diff
• ejs
• erb_html (Embedded Ruby)
• groovy
• handlebars
• haskell
• html
• hx (Haxe)
• java
• javascript
• json
• jsx
• less
• lua
• markdown
• perl
• php
• properties
• python
• ruby
• sass
• scala
• scss
• sql
• stylus
• svg
• turtle (RDF Turtle)
• vb
• vbscript
• xml
• yaml

Save the file, and launch Dreamweaver.