向 Sitecore JSS 添加一个新字段
Add a new field to Sitecore JSS
我创建了一个简单的 Sitecore JSS 应用程序并导入了它。
在连接模式下,我想添加一些新字段。我将它们添加到模板(图 1)中,它们出现在项目中(图 2)。当我查询该项目时,我也在 json 对象中获得了新字段(图 4)。
但是,我在体验编辑器中看不到新字段(图 3),我假设我需要在视图中添加这些字段。我找不到我需要在哪里添加这些字段或我需要做什么才能显示这些字段。
图 1:修改后的模板
图片 2:描述和照片都显示在项目中
图 3:描述和照片未显示在体验编辑器中
图 4:Json 然而 returns 这两个属性
体验编辑器使用 Sitecore webroot 的 /dist
文件夹中的 Node.js 应用程序。 (另请参阅配置,您可以拥有多个应用程序)
更改您的前端,我猜您使用 React、Vue 或 Angular 和 upload/deploy 到 dist 文件夹。
您需要选择您的开发工作流程,请参阅:
https://doc.sitecore.com/xp/en/developers/hd/190/sitecore-headless-development/development-workflows.html
当您在 Sitecore 中添加字段时,您使用的是 Sitecore 优先工作流程。
隐藏gem:
JSS 向渲染添加了一个额外的字段“始终在体验编辑器中显示字段编辑器按钮”。在体验编辑器中,渲染中的 Chrome 工具栏的第一个图标是铅笔,它会为所有自定义字段打开一个字段编辑器。
我创建了一个简单的 Sitecore JSS 应用程序并导入了它。 在连接模式下,我想添加一些新字段。我将它们添加到模板(图 1)中,它们出现在项目中(图 2)。当我查询该项目时,我也在 json 对象中获得了新字段(图 4)。 但是,我在体验编辑器中看不到新字段(图 3),我假设我需要在视图中添加这些字段。我找不到我需要在哪里添加这些字段或我需要做什么才能显示这些字段。
图 1:修改后的模板
图片 2:描述和照片都显示在项目中
图 3:描述和照片未显示在体验编辑器中
图 4:Json 然而 returns 这两个属性
体验编辑器使用 Sitecore webroot 的 /dist
文件夹中的 Node.js 应用程序。 (另请参阅配置,您可以拥有多个应用程序)
更改您的前端,我猜您使用 React、Vue 或 Angular 和 upload/deploy 到 dist 文件夹。
您需要选择您的开发工作流程,请参阅: https://doc.sitecore.com/xp/en/developers/hd/190/sitecore-headless-development/development-workflows.html 当您在 Sitecore 中添加字段时,您使用的是 Sitecore 优先工作流程。
隐藏gem: JSS 向渲染添加了一个额外的字段“始终在体验编辑器中显示字段编辑器按钮”。在体验编辑器中,渲染中的 Chrome 工具栏的第一个图标是铅笔,它会为所有自定义字段打开一个字段编辑器。