富文本字段

富文本字段允许通过管理面板编写动态内容。了解如何使用 Rich Text 字段,查看示例和配置选项。

富文本字段(Rich Text Field)让编辑者能够在熟悉的界面中编写和格式化动态内容。这些内容会以 JSON 格式保存在数据库中,并可转换为 HTML 或其他所需格式。

与 Payload 让你尽可能少学习 Payload 的目标一致,定制和使用富文本编辑器并不需要学习如何为 Payload 开发富文本编辑器。

相反,你可以将时间和精力投入到学习底层的开源工具上,这些知识也能应用到其他领域。

展示 Payload 管理面板中的富文本字段
管理面板中的富文本字段截图

配置选项

选项描述
name *作为属性名用于数据库存储和检索。了解更多
label在 Admin Panel 中用作字段标签的文本,或为每种语言提供键值对的对象。
validate提供自定义验证函数,该函数将在 Admin Panel 和后端执行。了解更多
saveToJWT如果该字段是顶级字段且嵌套在支持身份验证的配置中,则将其数据包含在用户 JWT 中。
hooks提供字段钩子来控制该字段的逻辑。更多详情
access提供字段访问控制,指定用户可以对该字段数据执行的操作。更多详情
hidden完全限制该字段在所有 API 中的可见性。仍会保存到数据库,但不会出现在任何 API 或 Admin Panel 中。
defaultValue提供用于该字段默认值的数据。了解更多
localized启用该字段的本地化功能。需要在基础配置中启用本地化
required要求该字段必须有值。
admin特定于 Admin Panel 的配置。更多详情
editor自定义或覆盖富文本编辑器。更多详情
custom用于添加自定义数据(例如插件)的扩展点
typescriptSchema通过提供 JSON schema 来覆盖字段类型生成
virtual设置为 true 以禁用数据库中的字段,或提供字符串路径来将字段与关系链接。参见虚拟字段

*_ 星号表示该属性为必填项。_

管理面板选项

要自定义 Admin Panel 中富文本字段的外观和行为,可以使用 admin 选项。富文本字段继承了基础 Field Admin Config 的所有默认选项。

import type { Field } from 'payload'

export const MyRichTextField: Field = {
  // ...
  admin: {
    // highlight-line
    // ...
  },
}

可以通过编辑器特定选项进行更深入的定制。

编辑器特定选项

如需了解更多编辑器特定选项,包括如何直接在编辑器中构建自定义富文本元素,请参阅 富文本编辑器文档