富文本元素概述 - Webflow 帮助
使用富文本元素 (RTE) 创建长篇内容。
富文本元素 (RTE) 是创建长篇内容的理想元素，如博客文章、关于页面、传记等。无需添加单独的标题、段落、列表或图像元素，只需双击富文本元素即可创建和格式化文本、自定义代码和媒体元素。
如何将富文本元素添加到您的网站
您可以通过将富文本元素从添加面板 (A) 拖动到设计器画布来添加它。要添加或编辑其中的内容，请双击富文本元素或选择该元素并按键盘上的Enter或Return键。
您可以在富文本元素中添加以下元素：
- 段落
- 标题 (H1-H6)
- 图像
- 图像说明
- 图像替代属性
- 自定义代码
- 块引用
- 无序列表（项目符号）
- 有序列表（编号）
- 视频（YouTube、Vimeo）
- 富媒体（Google 地图、SoundCloud、Imgur、Giphy、Codepen 等）
您还可以为文本元素添加其他格式：
- 链接（URL、页面、电子邮件等）
- 粗体文本
- 斜体文本
- 上标和下标文本
- 代码
斜杠命令
在 RTE 中编辑内容时，您可以使用斜杠命令快速生成副本，使用 Webflow AI 助手或添加新的内容元素。要使用斜杠命令，请按键盘上的 /（斜杠）并点击生成更多副本，以使用 AI 助手添加上下文相关的文本，从添加菜单中选择所需元素，或开始输入以筛选元素列表：
- 标题 (H1–H6)
- 编号列表
- 项目符号列表
- 段落
- 块引用
- 图像
- 视频
- 富内容
- HTML 嵌入
- 代码块
如何添加和格式化文本内容
您可以在RTE中开始输入，然后为文本添加格式以创建标题、块引用、粗体或斜体文本、上标或下标文本以及链接。
使用Webflow AI助手生成文本内容
要使用AI助手快速向RTE添加上下文相关的文案：
- 右键单击 RTE
- 从上下文菜单中选择修改文案
- （可选）输入描述您想生成的文案的提示
- 点击“提交提示”图标
- 点击完成以接受生成的文案
了解更多关于使用Webflow AI助手生成和编辑内容的信息。
如何添加段落
就像任何其他文本编辑器一样，按下键盘上的Enter键将在新行上创建一个新段落，您可以继续输入。要添加多个段落，请在段落末尾按Enter键。 您还可以使用Webflow AI助手为您添加和优化文本。
如何添加标题和块引用
要创建标题，请选择段落中的任何文本并选择一个标题（H1-H6）选项。创建块引用也是如此。
如何格式化文本和添加链接
任何文本元素的任何部分（例如，标题、段落、标题等）都可以通过选择部分文本并应用所需的格式选项来进行粗体、斜体、上标、下标和链接格式化。了解更多关于内联文本格式化的信息。
在富文本编辑器中创建链接时，您可以选择URL、页面、页面部分、电子邮件或电话号码。
键盘快捷键
这些键盘快捷键可以帮助您快速格式化富文本内容：
- 插入不间断空格：Shift + Space
- 插入换行符：Shift + Enter
- 加粗文本：Command + B（Windows上为Control + B）
- 斜体文本：Command + I（Windows上为Control + I）
- 插入超链接：Command + K（Windows上为Control + K）
在富文本编辑器中编辑时，您可以使用斜杠命令快捷键（“/**”）快速添加内容元素。您还可以使用Markdown快捷键：
- 斜体文本：
*text*或_text_ - 加粗文本：
**text**或__text__ - 加粗和斜体：
***text***或___text___ - 插入超链接：
[超链接文本](https://www.url.com) - 一级标题：
#+ 空格 - 二级标题：
##+ 空格 - 三级标题：
###+ 空格 - 四级标题：
####+ 空格 - 五级标题：
#####+ 空格 - 六级标题：
######+ 空格 - 引用块：
>+ 空格 - 无序列表：
-+ 空格 - 有序列表：
1.+ 空格
如何添加媒体内容、自定义代码和列表
当您的文本光标位于新行时，会出现一个“加号”按钮。点击此按钮会显示一个插入菜单，您可以选择添加图片、视频、其他富媒体、自定义代码以及项目符号或编号列表。
添加图片、视频和富媒体
富文本编辑器中的所有媒体元素都是响应式的，并将遵循内容的纵横比。YouTube、Vimeo和Dailymotion视频支持已增强，允许自定义开始时间。以下是一些支持的富媒体类型列表：
- YouTube
- Vimeo
- Instagram帖子
- Facebook帖子
- DailyMotion
- Kickstarter
- TED
- Wistia
- Livestream
- Twitch
- Hulu
- Imgur相册
- Google地图
- JSFiddle
- Codepen
- Scribd
- SlideShare
- Spotify播放列表和排行榜
- Giphy
- SoundCloud
- 以及更多！
媒体设置
每个媒体元素可以使用图像设置中的预设进行调整，或者通过点击工具栏中的“扳手”图标设置为特定的像素或百分比值。还可以在图像下方添加可选的标题。
替代文本
要为图像添加替代文本，选择图像，点击“扳手”图标，然后输入你的替代文本。了解更多关于撰写描述性替代文本的信息。
如何添加自定义代码
插入菜单中包含一个按钮用于添加自定义代码。你可以使用自定义代码通过HTML创建表格和分隔线，用CSS为内容的部分进行样式设置，使用JavaScript扩展网站功能，并嵌入第三方内容。
步骤：
- 将光标放在你想添加代码的位置
- 点击“加号”图标打开插入菜单，然后点击自定义代码按钮
- 添加你的代码
如何添加列表
插入菜单提供了添加无序（项目符号）和有序（编号）列表的选项。你还可以嵌套或取消嵌套列表。
- 项目符号列表：使用插入菜单或输入一个破折号
-后跟一个空格。 - 编号列表：使用插入菜单或输入一个整数后跟一个句点和一个空格。
- 嵌套列表：选择项目并按Tab键。取消嵌套：选择并按Shift + Tab键。
如何从其他来源添加富文本内容
你可以从其他网站或文字处理器（如Google Docs）粘贴富文本。如果在设计器或CMS富文本字段中粘贴，格式、链接和图像将被保留。
如何重新排列和删除元素
可以通过拖放到画布或导航器上，或通过键盘快捷键来重新排列富文本元素中的元素。选择元素并按下 Backspace 或 Command + X（Windows 上为 Control + X）即可删除元素。
如何为 RTE 内容设置样式
为富文本元素内的单个元素设置样式
像任何 Webflow 元素一样在富文本元素内设置样式：在画布上选择，进入 样式面板，应用或创建类，并设置样式。
使用 HTML 标签为富文本元素内的元素设置样式
RTE 元素继承 HTML 标签的样式。您可以通过嵌套选择器进行样式设置，将默认样式限制为具有相同类的 RTE。
步骤：
- 在画布上选择 RTE
- 给 RTE 一个类
- 选择 RTE 中的元素
- 进入 样式面板 (S)
- 点击 选择器 字段
- 选择 HTML 标签
- 点击 在“类名”内嵌套选择器
- 按需设置样式
如何为动态富文本设置样式
富文本元素可以绑定到集合中的富文本字段。最佳的样式设置方法是断开连接、设置样式并重新绑定，或者应用类、设置样式并保持连接。了解更多关于动态富文本的信息。