在 Dreamweaver 中新增或修改副檔名

上次更新時間 2019年11月11日

了解如何透過編輯 Extensions.txt 和 MMDocumentTypes.xml 檔案,讓 Adobe Dreamweaver 辨識新檔案類型。

若您想針對下列 Dreamweaver 問題進行疑難排解,請閱讀此文章:

  • 開啟檔案時,您看見此錯誤訊息:「無法為此副檔名找到有效的編輯器」。
  • 「程式碼」檢視中的色彩編碼與您想要的檔案類型色彩編碼不符。
  • 您的檔案類型無法使用伺服器模式功能。
  • 您無法在「設計」檢視中開啟頁面, 頁面僅會在「程式碼」檢視中開啟。
  • 當您按一下「檔案 > 儲存」「檔案 > 開啟」時,看不到您需要的檔案類型。

Dreamweaver 隨附編輯和顯示多種不同檔案類型的功能。 此文章主要說明透過編輯 Extensions.txt 和 MMDocumentTypes.xml 檔案以自訂 Dreamweaver 辨識新檔案類型。 身為使用者,您也可設定「在程式碼檢視中開啟」設定,以在「設計」檢視中查看新檔案類型。

  • Extensions.txt 檔案
    Extensions.txt 檔案是文字檔,會列出 Dreamweaver 所有可辨識的檔案類型。 您可以使用任何外部文字編輯器 (例如記事本或 Text Editor) 編輯此檔案,以新增到已辨識的檔案類型清單。 請不要在 Dreamweaver 內修改 Dreamweaver 設定檔。
  • MMDocumentTypes.xml 檔案
    MMDocumentTypes.xml 檔案包含文件類型定義,以及各個已辨識文件類型相關聯的副檔名清單。 新增副檔名到 Extensions.txt 檔案能夠只允許 Dreamweaver 辨識該副檔名,並允許以 Dreamweaver 開啟此類型的檔案。 新增副檔名到 MMDocumentTypes.xml 檔案會讓 Dreamweaver 知道如何處理這種新副檔名,以及辨識該副檔名所屬的文件類型。

    此文章僅探討編輯 MMDocumentTypes.xml 檔案的基本層面。 如需編輯此檔案的詳細概覽,請在 Dreamweaver 內參閱「擴充 Dreamweaver」。 按一下「說明 > 擴充 Dreamweaver」,接著搜尋 MMDocumentTypes.xml

  • 以程式碼檢視開啟
    「以程式碼檢視開啟」偏好設定可辨識不允許使用「設計」檢視的副檔名。 若要允許在「設計」檢視中編輯檔案,請確保您已將副檔名 (若已列出) 從「在程式碼檢視中開啟」偏好設定中移除。 若要設定此偏好設定,請按一下「編輯 > 偏好設定 」(Windows) 或「Dreamweaver > 偏好設定 」(macOS),然後尋找「檔案類型/編輯器」類別。

編輯 Extensions.txt 檔案

開啟 Dreamweaver 無法辨識的檔案時,您看見「無法為此副檔名找到有效的編輯器」錯誤訊息。 您可以將新的副檔名新增至 Dreamweaver 可辨識的清單。 若要新增副檔名,請編輯 Extensions.txt 檔案。 Extensions.txt 檔案中的項目也會控制檔案在「檔案 > 開啟」「檔案 > 儲存」對話方塊中列出的順序。 例如,請將 .inc 檔案類型新增至 Dreamweaver。

注意: 此程序需要您尋找已知檔案類型的隱藏檔案、隱藏資料夾及副檔名。 根據預設,Windows 檔案總管不會顯示系統可辨識的隱藏檔案、隱藏資料夾以及副檔名。

若要顯示已知檔案類型的隱藏檔案、隱藏資料夾及副檔名:

在 Windows 檔案總管中,執行下列其中一項動作:

  • 在 Windows XP 中,選擇「工具 > 資料夾選項」
  • 在 Windows Vista 中,選擇「組合管理 > 資料夾和搜尋選項」

按一下「資料夾選項」對話方塊中的「檢視」索引標籤。

「進階設定」中,選取「顯示所有檔案和資料夾」

取消選取「隱藏已知檔案類型的副檔名」

按一下「確定」。

新增檔案類型到 Extensions.txt 檔案

若要新增檔案類型到 Extensions.txt 檔案:

尋找 Dreamweaver 使用者設定資料夾中的 Extensions.txt 檔案。 此資料夾的位置取決於作業系統和 Dreamweaver 版本:

  • Windows Vista 上的 Dreamweaver CS3:
    C:\Users\[使用者名稱]\AppData\Roaming\Adobe\Dreamweaver 9\Configuration
  • Windows Vista 上的 Dreamweaver 8:
    C:\Users\[使用者名稱]\AppData\Roaming\Macromedia\Dreamweaver 8\Configuration
  • Windows XP 上的 Dreamweaver CS3:
    C:\Documents and Settings\[使用者名稱]\Application Data\Adobe\Dreamweaver 9\Configuration
  • Windows XP 與 2000 上的 Dreamweaver 8:
    C:\Documents and Settings\[使用者名稱]\Application Data\Macromedia\Dreamweaver 8\Configuration
  • Mac OS X 上的 Dreamweaver CS3:
    Mac HD:Users:[使用者名稱]:Library:Application Support:Adobe:Dreamweaver 9:Configuration
  • Mac OS X 上的 Dreamweaver 8:
    Mac HD:Users:[使用者名稱]:Library:Application Support:Macromedia:Dreamweaver 8:Configuration

注意: 對此檔案所做的編輯僅供目前的使用者使用。 使用者設定檔內對檔案所做的變更無法供其他使用者使用。 如需有關在多使用者環境中手動編輯 Dreamweaver 設定檔的詳細資訊,請參閱「在多使用者環境中自訂 Dreamweaver」。

在任何外部文字編輯器 (例如記事本或 Text Editor) 中開啟 Extensions.txt。

請不要在 Dreamweaver 內修改 Dreamweaver 設定檔。

將副檔名新增到「All Documents」行。 副檔名必須使用大寫字母,並以逗號分隔。 例如: HTML,HTM,SHTM,SHTML,INC。

若要新增副檔名到現有的文件群組,請將該副檔名新增到所需群組的副檔名清單中。 若要新增新文件群組,請新增含有新文件類型以及相關聯副檔名清單的新行。 範例: INC:Include Files

您也可以將本行新增至已位於檔案中的「伺服器端包括」清單。

儲存檔案並重新啟動 Dreamweaver。

若要查看變更,請開啟 Dreamweaver 並開啟具有新增之副檔名的檔案。 檔案僅會在 Dreamweaver 中以「程式碼」檢視開啟。

選取「檔案 > 另存新檔」,然後按一下「存檔類型」彈出式選單。 您會在「包括檔案」選項中看到 *.inc 檔案做為已辨識的副檔名。 在「檔案 > 開啟」「檔案類型」彈出式選單中,您會看到相同的選項。

備註

副檔名列出的順序與「檔案 > 開啟」「檔案 > 儲存」對話方塊中顯示的順序相同。

為使「設計」檢視、色彩編碼和伺服器行為功能運作,您必須編輯 MMDocumentTypes.xml 檔案 (如下列章節所述)。

將副檔名新增至 MMDocumentTypes.xml 檔案

MMDocumentTypes.xml 檔案針對每個已知文件類型提供伺服器模式、色彩編碼樣式、說明等內容的相關資訊。

除了新增副檔名到 Extensions.txt 檔案之外,新的副檔名也必須新增到關聯文件類型的副檔名清單中。 若未新增,Dreamweaver 便無法判斷如何顯示此檔案類型。 根據預設,Dreamweaver 接著會在「程式碼」檢視中開啟檔案。

如果此副檔名未與任何已定義的文件類型建立關聯,則會建立新文件類型。 若要建立新文件類型,請在 Dreamweaver 內參閱「擴充 Dreamweaver」,按一下「說明 > 擴充 Dreamweaver」,然後搜尋 MMDocumentTypes.xml)。

注意: 在此文章中,「文件類型定義」代表包含 Dreamweaver 可辨識文件相關資訊的檔案。 請勿混淆 XML 文件中提及的「DTD」以及文件類型定義。

執行下列步驟,將副檔名新增到 MMDocumentTypes.xml 檔案中的文件類型定義:

尋找主要 Dreamweaver 設定資料夾中的 MMDocumentTypes.xml 檔案 (不是 Dreamweaver 使用者設定資料夾)。 此資料夾的位置取決於作業系統和 Dreamweaver 版本:
  • Windows Vista 與 XP 上的 Dreamweaver CS3:

    C:\Program Files\Adobe\Adobe Dreamweaver CS3\Configuration\DocumentTypes
  • Windows Vista、XP 與 2000 上的 Dreamweaver 8:

    C:\Program Files\Macromedia\Dreamweaver 8\Configuration\DocumentTypes
  • Mac OS X 上的 Dreamweaver CS3:

    Mac HD:Applications:Adobe Dreamweaver CS3:Configuration:Document Types
  • Mac OS X 上的 Dreamweaver 8:

    Mac HD:Applications:Macromedia Dreamweaver 8:Configuration:Document Types

在任何外部文字編輯器 (例如記事本或 Text Editor) 中開啟 MMDocumentTypes.xml。

請不要使用 Dreamweaver 修改 Dreamweaver 設定檔。

尋找所需文件類型的標籤集。

以下是 MMDocumentTypes.xml 檔案的 HTML 文件預設文件類型定義:

<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">

將所需的副檔名新增至 documenttype 標籤中的 winfileextensionmacfileextension 屬性。 例如,winfileextension="html,htm,shtml,shtm,stm,tpl,lasso,xhtml,inc"

上述程式碼會將 INC 副檔名新增到 Dreamweaver 視為 HTML 檔案的檔案清單中。 當您針對此檔案類型將副檔名新增至 macOS 和 Windows 的清單時,Dreamweaver 會以「設計」檢視開啟此檔案類型。

儲存 MMDocumentTypes.xml 並重新啟動 Dreamweaver。

若要查看變更,請開啟 Dreamweaver 並開啟具有新增之副檔名的檔案。

「設計」檢視、程式碼著色和伺服器行為功能 (如適用) 現已可運作。

備註

副檔名列出的順序相當重要。 副檔名清單中的第一個副檔名即為此檔案類型使用的預設副檔名。

如果您已備份 MMDocumentTypes.xml 並將其放在 Configuration/DocumentTypes 資料夾中,則您啟動 Dreamweaver 時會看到多個警告彈出式訊息。

您會看到類似這樣的錯誤訊息:「無法新增文件類型「HTML」,因為它使用的副檔名已和先前的文件類型建立關聯。」

如果 MMDocumentTypes.xml 中重複列出了相同檔案類型,您也會看到此錯誤訊息。

若要停止顯示這些警告訊息,請將您備份的 MMDocumentTypes.xml 檔案移到 Configuration/DocumentTypes 資料夾之外,

「以程式碼檢視編輯」偏好設定

最後的步驟是檢查「檔案類型/編輯器」偏好設定 (「編輯 > 偏好設定」),並確認此副檔名未列於「在程式碼檢視中開啟」欄位中。 根據預設,INC 副檔名會顯示在此清單上。 若您將「.inc」從「在程式碼檢視中開啟」清單中移除,您可在「設計」檢視中檢視具有此副檔名的檔案。

為自訂檔案類型啟用程式碼著色

執行步驟以新增 MMDocumentTypes.xml 檔案之後,請繼續下列程序以在自訂檔案類型中啟用程式碼著色。

退出 Dreamweaver 應用程式。

使用文字編輯器,從下列位置開啟 brackets.json 檔案:

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

此處 xxxx 代表 Dreamweaver 版本。 例如: 2017。

在 .json 檔案中,請在最後一個「金鑰/值配對」後輸入下列分隔符號 , (逗號),並鍵入此文字:
"language.fileExtensions": { ".ext": "php" }

使用以逗號分隔、要新增程式碼著色的副檔名清單來取代 .ext。

使用所需的文件類型取代 php。 支援的文件內容有:

  • 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

儲存檔案並啟動 Dreamweaver。

其他資訊

如需更多有關在 Dreamweaver 中修改檔案類型的資訊,請參閱擴充 Dreamweaver