CMS 集成 · Payload CMS

为 Payload CMS 添加可视化编辑器

我们开发这款插件，是为了让编辑人员既能在 Payload 中编排页面，也能直接在网站上修改内容。开发者负责定义可用的组件、组件设置以及前端的展示方式。

视频展示了在 Payload 中编辑页面的过程，编辑器与页面预览并排显示。2:10

编辑模式

在后台或页面上直接编辑

Widget 模式将 Page Composer 嵌入 Payload 的内容字段。编辑人员可以拖动组件来调整位置，修改文字、图片和样式，然后使用 Payload 原有的操作来保存或发布。编辑器直接在后台页面中运行，无需 iframe。

拥有编辑权限的用户也可以在网站上打开 Live 模式，在网站实际的页头和页脚之间查看修改效果，并直接保存草稿或发布。两种模式编辑的是同一份内容。

自定义组件

每个组件都有独立的字段配置和前端渲染函数。你可以根据内容需要，组合普通文本、富文本、图片、下拉列表、可重复字段和分组设置。字段配置决定编辑器中提供哪些选项，渲染函数决定组件在网站上的展示效果。

例如，一个首屏展示组件可能只需要图片、标题和副标题。如果后续设计需要链接或背景颜色，可以再将它们加入组件设置。

日常使用

模板和预设
将整个布局保存为模板，或将某个组件的设置保存为预设。编辑人员可以重复使用，不必为每个页面从头配置。
桌面、平板和手机样式
你可以针对不同屏幕尺寸调整间距、字体样式和布局。这些设置会用于已发布页面的渲染。
沿用 Payload 的现有工具
内容存储在 Payload 的 JSON 字段中，可配合媒体库、草稿、版本管理和访问规则使用。字段可以添加到集合或全局内容中，因此用途不限于页面。

查看插件详情、价格和集成部分的源代码。