跳到内容
请注意::本文仅为方便您阅读而提供。本文由翻译软件自动翻译,可能未经校对。本文的英文版应被视为官方版本,您可在此找到最新信息。您可以在此处访问。

编辑富文本模块中的内容

上次更新时间: 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 插入表情符号 图标。
  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. 要插入个性化标记,请单击 "个性化"
  2. 完成后,单击 "更新 "或 "发布",将更改生效。

在富文本模块中使用高级编辑功能

  1. 导航至您的内容:

    • 网站页面:在 HubSpot 帐户中,导航到内容 > 网站页面
    • 登陆页面:在 HubSpot 帐户中,导航到内容 > 登陆页面
    • 博客:在 HubSpot 帐户中,导航到内容 > 博客
    • 知识库:在 HubSpot 帐户中,导航到服务 > 知识库
  2. 单击内容名称
  3. 在内容编辑器中,单击富文本模块 ,激活编辑器顶部的富文本工具栏。也可以单击富文本模块,然后在侧边栏编辑器中单击 "在展开视图中编辑"。
  4. 要访问模块的源代码,请单击 "高级 "下拉菜单并选择 "源代码"。在对话框中编辑源代码,然后单击保存更改
  5. 要查看分隔成块的内容,请单击 "高级"下拉菜单并选择 "显示块"。要查看没有区块的内容,请单击 "高级"下拉菜单并选择 "隐藏区块"。这两个选项都不会影响访问者看到的内容。
  6. 完成后,单击 "更新 "或 "发布 "将您的更改生效。
这篇文章有帮助吗?
此表单仅供记载反馈。了解如何获取 HubSpot 帮助