详细文本组件概述

详细文本组件 (DTC) 是制作大量内容（例如文章、页面描述、个人资料等）的理想元素。无需插入单个标题、章节、段落或视觉效果，您可以双击详细文本组件来制作和设置文本、定制代码和媒体组件的样式。

通过本指南，您将了解：

1. 如何将详细的文本组件引入到您的平台
2. 如何插入和设计文本内容
3. 如何包含媒体内容、定制代码和列表
4. 如何重组和删除组件
5. 如何自定义 DTC 内容

如何将详细的文本组件引入到您的平台

您可以通过将详细文本组件从 添加面板 （A）对于设计师来说 帆布。要添加或调整其中的内容，请双击“详细文本”组件或选择该组件并点击 进入 或者 返回 在你的键盘上。

您可以在详细文本组件中附加以下组件： 

• 段落
• 标题（H1-H6）
• 视觉效果
• 视觉描述
• 视觉描述符
• 定制代码
• 区块引用
• 无序列表（项目符号）
• 有序列表（编号）
• 视频（Youtube、Vimeo）
• 细节丰富的媒体（Google 地图、SoundCloud、Imgur、Giphy、Codepen 等）

您还可以为文本组件实现额外的样式：

• 连接（URL、页面、电子邮件等）
• 强文本
• 强调文字
• 上索引和下索引文本
• 代码

如何插入和设计文本内容

您可以在 DTC 中开始输入，然后自定义文本以形成标题、块引用、粗体或强调文本和连接。

内部提示： 您可以使用 Markdown 快速调整文本（例如，粗体、斜体、附加超链接）和块组件（例如，标题、列表）。

如何插入段落

与任何文本编辑器类似，按 进入 键盘上的 将在新行上创建新段落，您可以继续书写。要附加多个段落，请点击 进入 在一段话的结尾。

如何插入标题和块引用

要建立标题，请选择段落内的任意文本，然后选择 标题 （H1-H6）选择。创建区块引用也同样如此。

如何设置文本样式并附加连接

通过选择文本的一部分并应用您选择的样式选项，可以将任何文本元素（例如标题、段落、描述等）的任何部分设置为强、强调、上索引、下索引和连接。获取有关内联文本样式的更多信息。

在 DTC 内建立连接时，您可以选择 URL、页面、页面段、电子邮件或电话号码。

键盘快捷键

这些键盘快捷键可以加快您的内容创建速度：

• 插入 不间断空格 （）： 转移 + 空间 
• 插入 越线 (<br>): 转移 + 进入 
• 强文本： 命令 + 乙 (控制 + 乙 在 Windows 上）
• 强调文字： 命令 + 我 (控制 + 我 在 Windows 上） 
• 附加超链接： 命令 + 钾 (控制 + 钾 在 Windows 上）

您还可以实施 Markdown 键入时，可快速设置文本样式（例如，粗体、斜体、附加超链接）和阻止组件（例如，标题、列表）的快捷方式： 

• 强调文字： *文本* 或者 _文本_
• 强文本： **文本** 或者 __文本__
• 强调并强化文本： ***文本*** 或者 ___文本___
• 附加超链接： [超链接文本](https://www.url.com)
• 附加标题 1： # + 空间
• 附加标题 2： ## + 空间
• 附加标题 3： ### + 空间
• 附加标题 4： #### + 空间
• 附加标题 5： ##### + 空间
• 附加标题 6： ###### + 空间
• 附上区块引用： > + 空间
• 附加无序列表（即项目符号列表）： – + 空间‍
• 附加有序（即编号）列表： 1. + 空间

如何插入媒体内容、定制代码和列表

当文本光标位于新行时，会出现一个“加”按钮出现。点击此按钮会显示一个插入菜单，其中有添加视觉效果、视频、各种富媒体、定制代码以及项目符号或编号列表的选项。

添加视觉效果、视频和富媒体

DTC 中的所有媒体功能都是自适应的，并将保持内容的宽高比。YouTube、Vimeo 和 Dailymotion 视频支持已得到改进，可实现个性化的启动时长。以下是一些受支持的富媒体变体的汇编：

• YouTube
• Vimeo
• Instagram 帖子
• Facebook 帖子
• DailyMotion
• Kickstarter
• TED
• 紫藤
• 现场直播
• 抽搐
• 葫芦
• Imgur 相册
• Google 地图
• JSFiddle
• 代码笔
• Scribd
• SlideShare
• Spotify 播放列表和排行榜
• 吉菲
• SoundCloud
• 和更多！

媒体配置

可以使用图像设置中的预设调整每个媒体特征的大小，也可以通过点击“扳手”图标。可选 标题 可以附加下面的描述。

替代文本

要将替代文本附加到描述中，请选择要包含的描述 替代文本 要，请点击“扳手”图标，然后插入替代文本。详细了解如何制作描述性替代文本。

如何添加定制代码

插入菜单包含一个按钮，用于添加定制代码。您可以使用定制代码通过 HTML 创建表格和分隔符，使用有针对性的 CSS 为详细文本内容的片段设置样式，使用 JavaScript 扩展平台的功能（例如自定义 Google 地图或 Google AdSense 广告），并通过交互式第三方内容（例如来自 Twitter、Soundcloud、Airtable 等的嵌入内容）吸引受众。

就是这样：

1. 将光标置于您想要包含定制代码的位置
2. 点击“加”图标显示插入菜单，然后点击定制代码按钮
3. 添加代码 

如何添加列表

插入菜单包含选项，包括未分类（项目符号）和有序（编号）列表。您还可以嵌套或取消嵌套列表。

您可以从插入菜单中包含项目符号列表，或者通过键入带有空格的破折号 (-) 来包含项目符号列表。 

要建立有组织的列表，您可以使用插入菜单或键入一个整数，后跟一个句点和一个空格（例如， 1. , 3. , 10. ）。当您想在列表项之间添加一些媒体后继续组织列表时，此功能特别有用 - 您可以按序列键入后续数字，然后跟上句点和空格。

要嵌套列表，请选择要嵌套的列表项，然后点击 标签。要解除列表嵌套，请选择要提取的项目并推送 转移 + 标签.

插入来自外部来源的丰富文本材料的步骤

您可以选择插入来自各种网站或文字处理器（如 Google Docs）的富文本材料。所有样式和超链接都将嵌入富文本块中。在设计器中或 CMS 中的文本字段中粘贴富文本时，图片也会被带入。

重要的提示： 不会将图片从粘贴到编辑器的文本块中的丰富内容中引入。

请务必记住，从外部来源粘贴丰富文本也可能会导入不需要的样式，例如背景颜色或隐藏字符 - 因此在从外部来源粘贴丰富文本时请务必小心。

为了防止导入不需要的样式，您可以先将丰富的文本内容粘贴到纯文本编辑器中，然后将其复制并粘贴到文本块中，或者使用键盘快捷键粘贴无样式的文本（命令 + 选项 + 转移 + 五 在 Mac 上，或者 控制 + 转移 + 五 在 Windows 上）。请记住，此键盘快捷键将删除所有样式，包括粗体、斜体和超链接。

操作和删除元素

您可以通过将元素拖到画布上或导航器中，或使用键盘快捷键来重新排列文本块中的元素。请注意，您不能将元素拖放到文本块中或从文本块中拖放出来。

您可以从文本块中删除子元素，而不会影响其中的其他元素。选择画布上的元素，然后按 退格键 使用键盘或 命令 + X (控制 + X 在 Windows 上）。

自定义 RTE 内容样式

笔记： 内容编辑或团队成员 可以编辑 角色可以格式化文本（例如粗体、斜体等）并在 RTE 内创建和删除文本和媒体元素，但不能设置 RTE 内元素的样式。

设置文本块中各个元素的样式