header-logo
了解如何以 Wix 建立網站和商家。
了解如何建立、管理並維護 Wix 網站。
管理訂閱、方案與請款單。
處理業務，與會員連繫。
學習如何購買、連結或轉移網站網域。
以進階功能提升效率。
尋求解決方法，了解已知問題，或聯絡我們。
placeholder-preview-image
以課程和教學加強技能。
學習網頁設計、行銷等範疇的秘訣。
學習如何提升來自搜尋引擎的自然網站流量。
以全端平台建立自訂網站。
與專家配對，幫助實現目標。
placeholder-preview-image
  1. 首頁
  2. Wix CMS：新增並設定富文本欄位

Wix CMS：新增並設定富文本欄位

7 分鐘
「豐富文字」欄位可讓您儲存 Wix CMS 集合中品項的格式化文字。豐富文字編輯器以及在網站上顯示該欄位時，都會套用網站的字型樣式。這能讓網站的標題、段落樣式與豐富文字內容保持一致的外觀。

您可以使用此欄位儲存要在網站上顯示的內容。例如：在 動態品項頁面 版本中顯示品項詳情，或在 動態清單頁面 的重複器中顯示多個品項的詳情。

您也可以使用「豐富文字」欄位，儲存訪客透過 自訂 Wix CMS 表單 上的豐富文字輸入元件所提交的格式化文字。
富文本輸入元件顯示在文字方塊上方的螢幕截圖。
提示：
「豐富文字」欄位允許您對儲存在集合中的文字套用自訂格式。若想將格式化文字與媒體、檔案、HTML 程式碼、Wix 商務解決方案等結合使用，請改用「豐富內容」欄位和元件。

在集合中新增「豐富文字」欄位類型

在集合中建立新欄位時，請選擇「豐富文字」欄位類型。若計畫在網站上顯示文字，請使用集合中的豐富文字編輯器為相關項目新增文字並設定格式。若計畫在「豐富文字」欄位中收集訪客提交內容，可以將該欄位留空，並使用豐富文字元件設定自訂表單。

若要在集合中新增「豐富文字」欄位：

  1. 前往網站管理介面的 CMS。或者，點擊編輯器中的 CMS ，然後點擊 您的集合。
  2. 點擊相關集合。
  3. 點擊 管理欄位。
  4. 點擊 + 新增欄位。
  5. 選擇 Rich text 並點擊 選擇欄位類型。
  1. 在 欄位名稱 欄位中輸入名稱。
  2. （僅限 Velo）更新用於網站程式碼的 欄位 ID。此 ID 稍後無法更新。
  3. （選填）若希望集合中的欄位標題旁顯現工具提示，請輸入 說明文字。
  4. 點擊 儲存。
  5. 選擇後續操作：

設定「豐富文字」欄位內容格式

在系列中編輯「富文本」欄位時，可從頂部選項中選擇以設定文字格式。富文本編輯器使用與網站相同的字型主題。若要調整整個網站和富文本編輯器使用的標題與段落樣式，請從 Wix 編輯器或 Studio 編輯器更新網站文字主題。您也可以在網站文字主題中調整行間距與字元間距。
在富文本編輯器中選擇不同標題或段落樣式的螢幕截圖。
了解更新網站文字主題的方法：

在網站上顯示「豐富文字」欄位內容

在頁面中新增文字元件，並將其連結至綁定集合的資料集。然後在資料集連線中選擇「Rich Text」欄位。
  1. 前往編輯器。
  2. 前往想要顯示「Rich Text」欄位內容的頁面。
  3. 在頁面中新增文字元件：
    1. 點擊編輯器左側的 新增元件 。
    2. 點擊 文字 並將相關 文字元件 拖曳至頁面。
  4. 點擊文字元件上的 連結至 CMS 圖示 。
  5. 點擊 選擇資料集 下拉式選單，然後選擇連結至包含「Rich Text」欄位之集合的現有資料集。或者，點擊 新增資料集，然後選擇包含「Rich Text」欄位的集合，為資料集命名並點擊 建立。
  6. 點擊 連結文字 面板中的 文字連結至 下拉式選單，然後選擇建立的 Rich Text 欄位。

使用豐富文字輸入元件收集網站訪客提供的內容

建立自訂表單，使用 Rich Text 輸入元件將格式化文字提交至「Rich Text」集合欄位。若要收集訪客的不同輸入類型，可將 其他輸入元件 新增至表單。
  1. 前往編輯器。
  2. 新增 Rich Text 輸入元件：
    1. 前往想要讓訪客提交文字至集合的頁面或區段。
    2. 點擊編輯器左側的 新增元件 。
    3. 點擊 輸入。
    4. 點擊 Rich Text。
    5. 點擊並將相關 RTF 方塊拖曳至頁面。
在 Wix 編輯器中新增富文本元件的螢幕截圖。
  1. 將豐富文字元件連結至儲存提交內容的 CMS 集合：
    1. 點擊豐富文字元件上的連結至 CMS圖示 。
    2. 點擊選擇資料集下拉式選單，然後選擇已連結至集合的現有資料集，該集合將訪客提交內容儲存在「豐富文字」欄位中。或者，點擊新增資料集，然後選擇將訪客提交內容儲存在「豐富文字」欄位中的集合。為資料集命名並點擊建立。
    3. 點擊金額連結至下拉式選單，然後選擇儲存提交內容的「豐富文字」欄位。
      提示：若要新增儲存提交內容的新欄位，請選擇+ 新增，然後輸入欄位名稱並點擊新增。
  2. 點擊權限旁的權限類型，以決定誰可以檢視、新增、更新或刪除集合內容。
  3. 設定資料集模式：
    1. 點擊資料集設定。
    2. 點擊資料集模式下拉式選單並選擇相關選項：
      • 寫入：連結的元件無法顯示集合中的內容。訪客可與使用者輸入元件和提交按鈕互動，將內容作為新項目新增至集合中。
        請留意：此模式不適用於動態頁面資料集。
      • 讀取與寫入：連結的元件可顯示集合中的內容。輸入元件可新增或編輯集合中的內容。
選擇資料集模式的螢幕截圖。
  1. 點擊豐富文字輸入元件並進行自訂：
    • 點擊設定以編輯以下內容：
      • 欄位標題：輸入顯示在輸入元件上方的標題。
      • 顯示初始文字：選擇要顯示的初始文字。
      • 欄位類型：（選填）選擇相關選項：
        • 必填：要求訪客在提交前必須在方塊中輸入內容。
        • 唯讀：將元件設定為僅顯示內容。訪客無法編輯金額，但可以複製。
      • 允許連結：開啟開關以允許訪客在元件中提交連結。
      • 設定字元限制：開啟開關以限制訪客提交的字元數，然後輸入字元限制。
    • 點擊版面配置圖示 以設定文字對齊方式、縮排、間距、邊距和工具列位置。
    • 點擊設計圖示 以選擇預設格式設計並進一步自訂。
  2. 新增一個「提交」按鈕，讓訪客在完成輸入要提交的文字後點擊提交。您也可以透過將按鈕連結至資料集點擊小部件來新增其他用於編輯的按鈕。
  1. 點擊預覽即可測試富文本輸入元件。
  2. 若準備好發佈變更，請點擊發佈。

這有幫助嗎？

|
在此文章中
  • 在集合中新增「豐富文字」欄位類型
  • 設定「豐富文字」欄位內容格式
  • 在網站上顯示「豐富文字」欄位內容
  • 使用豐富文字輸入元件收集網站訪客提供的內容

這有幫助嗎？

|