跳到內容
請注意::這篇文章的翻譯只是為了方便而提供。譯文透過翻譯軟體自動建立,可能沒有經過校對。因此,這篇文章的英文版本應該是包含最新資訊的管理版本。你可以在這裡存取這些內容。

編輯豐富文字模組中的內容

上次更新時間: 2025年10月21日

可搭配下列任何訂閱使用,除非另有註明:

在豐富文字模組中,您可以加入多種類型的內容,包括文字、圖片和連結。 開發人員可以將富文字模組加入自訂編碼的範本,然後自訂其編輯選項

請注意:某些富文字編輯功能在知識庫文章編輯器中不可用。

在豐富文字模組中格式化文字

  1. 導覽到您的內容:

    • 網站頁面:在你的 HubSpot 帳戶中,瀏覽「內容」>「網站頁面」。
    • 登陸頁面:在你的 HubSpot 帳戶中,瀏覽「內容」>「登陸頁面」。 登陸頁面
    • 部落格:在你的 HubSpot 帳戶中,瀏覽「內容」>「部落格」。
    • 知識庫:知識庫: 在你的 HubSpot 帳戶中,瀏覽「服務」>「知識庫」。
  2. 點選內容的名稱
  3. 在內容編輯器中,點選富文字模組以 啟動編輯器上方的富文字工具列。您也可以點選富文字模組,然後在側邊欄編輯器中點選擴充檢視中的編輯。

請注意:根據您裝置的螢幕大小,某些格式化選項可能位於「更多」下拉選單中。

  1. 在豐富文字模組中,反白文字
  2. 若要設定文字的比較大小和在內容中的重要性,請按一下樣式下拉式功能表,然後選擇一個選項(例如:段落 標題 1)。
  3. 若要設定文字的字型,請按一下字型下拉式功能表,然後選擇字型。進一步了解如何在 HubSpot 中使用字型

In the content editor, the rich text module toolbar is visible. A box is placed around the 'More' dropdown menu to display additional formatting options. In the additional formatting options, a box is placed around the 'Font' dropdown menu.

  1. 若要設定文字大小,請按一下字型大小下拉式功能表,然後選擇以像素為單位的字型大小

In the content editor, the rich text module toolbar is visible. A box is placed around the 'More' dropdown menu to display additional formatting options. In the additional formatting options, a box is placed around the 'Font size' dropdown menu.

  1. 若要使文字粗體、斜體或底線,請按一下樣式圖示(例如boldIcon 粗體、italicIcon 斜體或underlineIcon 底線)。
  2. 若要變更文字的顏色,請按一下textColorIcon 文字顏色圖示,然後選擇顏色。若要使用十六進位或 RGB 顏色代碼,或選擇自訂顏色,請按一下進階索引標籤。

In the content editor, the rich text module toolbar is visible. A box is placed around the 'Font color' dropdown menu to display font color options. In the color options, an arrow points to colors on the Simple tab.

  1. 若要設定文字的背景顏色,請按一下highlight 背景顏色圖示,然後選擇顏色。若要使用十六進位或 RGB 顏色代碼,或選擇自訂顏色,請按一下進階索引標籤。
  2. 若要變更文字的對齊方式,請按一下alignLeft 對齊方式下拉式功能表,然後選擇alignCenter 對齊方式圖示

In the content editor, the rich text module toolbar is visible. A box is placed around the 'Alignment' dropdown menu to display font alignment options. An arrow points to the alignment options.

  1. 若要將文字加入項目清單,請按一下更多下拉式功能表。然後按一下bulletList 子項列表 圖示。若要變更清單格式,請按一下項目 清單下拉式功能表,然後選擇bulletDiamond 格式

In the content editor, the rich text module toolbar is visible. A box is placed around the 'More' dropdown menu to display additional formatting options. In the additional formatting options, a box is placed around the bulleted list icon and the bulleted list dropdown menu.

  1. 若要在編號清單中加入文字,請按一下更多下拉式功能表。然後按一下numberList 編號清單 圖示。若要變更清單格式,請按一下編號 清單下拉式功能表,然後選擇bulletLowerAlpha 格式
  2. 若要設定文字的行高,請按一下lineHeight 行高下拉式功能表,然後選擇一個高度
  3. 若要增加或減少文字的縮排,請按一下indent 增加縮排outdentIcon 減少縮排圖示。
  4. 若要移除套用在文字上的樣式,請按一下removeTextStyle 清除樣式圖示。
  5. 若要新增其他格式,請按一下更多下拉式功能表,然後選擇strike 刪除線superscript 上標subscript 下標 圖示
  6. 若要以代碼格式編排文字,請按一下更多下拉式功能表,然後選擇code 代碼格式 圖示。
  7. 完成後,按一下「更新」「發佈」,即可啟用您的變更。

將元素加入富文字模組

  1. 導覽到您的內容:

    1. 網站頁面:在你的 HubSpot 帳戶中,瀏覽「內容」>「網站頁面」。
    2. 登陸頁面:在你的 HubSpot 帳戶中,瀏覽「內容」>「登陸頁面」。
    3. 部落格:在你的 HubSpot 帳戶中,瀏覽「內容」>「部落格」。
    4. 知識庫:知識庫: 在你的 HubSpot 帳戶中,瀏覽「服務」>「知識庫」。
  2. 點選內容的名稱
  3. 在內容編輯器中,點選富文字模組以 啟動編輯器上方的富文字工具列。您也可以按一下富文字模組,然後在側邊欄編輯器中按一下擴充檢視中的編輯。
  4. 若要插入連結,請反白文字,然後按一下link 插入連結圖示。進一步了解如何在 HubSpot 中使用連結
  5. 要插入圖片,請按一下insertImage 插入圖片圖示。進一步了解如何在 HubSpot 中使用圖片
  6. 要插入表情符號,請按一下emoji insert emoji 圖示。
  7. 若要插入號召行動,請按一下插入下拉式功能表,然後選擇cta號召行動。進一步了解如何在 HubSpot 中使用號召行動
  8. 若要插入嵌入代碼,請按一下插入下拉式功能表,然後選擇嵌入。進一步了解如何在 HubSpot 中嵌入內容
  9. 若要插入視訊,請按一下插入下拉式功能表,然後將滑鼠懸停在視訊上,並選擇HubSpot 視訊 外部視訊。進一步瞭解如何在 HubSpot 中使用視訊
  10. 若要插入表格,請按一下插入下拉式功能表,然後將滑鼠懸停在表格上,並選擇表格的尺寸。進一步了解如何在 HubSpot 中使用表格
  11. 若要插入特殊字符,請按一下插入下拉式功能表,然後選擇特殊字符。在彈出的方塊中,按一下特殊字符
  12. 若要插入圖示,請按一下插入下拉式功能表,然後選擇圖示。在彈出的方塊中,按一下圖示。進一步了解如何在 HubSpot 中使用圖示
  13. 若要插入錨點連結,請按一下插入下拉式功能表,然後選擇錨點。進一步了解如何在 HubSpot 中使用錨點連結
  14. 若要插入水平線,請按一下插入 下拉式功能表,然後選取水平線
  15. 若要插入非斷續空格,請按一下插入下拉式功能表,然後選取非斷續空格

In the content editor, the rich text module toolbar is visible. A box is placed around the 'Insert' dropdown menu to display options. An arrow points to the insert options, including call-to-action, embed, video, table, and more.

  1. 若要插入個人化標記,請按一下個人化
    • 在彈出方塊中,按一下類型下拉式功能表,然後選擇標記類型
    • 按一下標記下拉式功能表,然後選擇標記。進一步了解如何在 HubSpot 中使用個人化標記
  2. 完成後,按一下「更新」「發佈」,讓您的變更生效。

在富文本模組中使用高級編輯功能

  1. 導覽到您的內容:

    • 網站頁面:在你的 HubSpot 帳戶中,瀏覽「內容」>「網站頁面」。
    • 登陸頁面:在你的 HubSpot 帳戶中,瀏覽「內容」>「登陸頁面」。 著陸頁面
    • 部落格:在你的 HubSpot 帳戶中,瀏覽「內容」>「部落格」。
    • 知識庫:知識庫: 在你的 HubSpot 帳戶中,瀏覽「服務」>「知識庫」。
  2. 點選內容的名稱
  3. 在內容編輯器中,點選富文字模組以 啟動編輯器上方的富文字工具列。您也可以按一下富文字模組,然後在側邊欄編輯器按一下擴充檢視中的編輯。
  4. 若要存取模組的原始碼,請按一下進階下拉式功能表,然後選擇原始碼。在對話方塊中,編輯原始碼,然後按一下儲存變更
  5. 若要檢視分隔成區塊的內容,請按一下「進階」下拉式功能表,然後選擇「顯示區塊」。若要檢視沒有區塊的內容,請按一下進階下拉功能表,然後選取隱藏區塊。這兩個選項都不會影響您的內容如何顯示給訪客。
  6. 完成後,按一下「更新」「發佈」,即可啟用您的變更。
這篇文章有幫助嗎?
此表單僅供記載意見回饋。了解如何取得 HubSpot 的協助