在 Dreamweaver 中新增或修改副檔名

了解如何透過編輯 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 檔案總管不會顯示系統可辨識的隱藏檔案、隱藏資料夾以及副檔名。

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

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

    • 在 Windows XP 中,選擇「工具 > 資料夾選項」
    • 在 Windows Vista 中,選擇「組合管理 > 資料夾和搜尋選項」
  2. 按一下「資料夾選項」對話方塊中的「檢視」索引標籤。

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

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

  5. 按一下「確定」

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

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

  1. 尋找 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」。

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

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

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

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

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

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

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

    註解:

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

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

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

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

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

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

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

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

  1. 尋找主要 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
  2. 在任何外部文字編輯器 (例如記事本或 Text Editor) 中開啟 MMDocumentTypes.xml。

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

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

    以下是 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">

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

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

  5. 儲存 MMDocumentTypes.xml 並重新啟動 Dreamweaver。
  6. 若要查看變更,請開啟 Dreamweaver 並開啟具有新增之副檔名的檔案。

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

    註解:

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

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

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

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

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

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

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

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

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

  1. 退出 Dreamweaver 應用程式。

  2. 使用文字編輯器,從下列位置開啟 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。

  3. 在 .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
  4. 儲存檔案並啟動 Dreamweaver。

其他資訊

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

更快、更輕鬆地獲得協助

新的使用者?